BX滑块和jquery

我在我的网站上使用BX滑块http://kellyannart.com/test/portfolios/ ..我面临一个问题.. BX滑块工作完美，但有一些自定义jQuery我想与它合作..我已经设置了以下4 infiniteLoop：为BX-滑块 displaySlideQty参数真BX滑块和jquery

我使用的是自定义的jQuery是：

jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
});

我共有5个项目BX-滑块内......但因为infiniteLoop设为真的，他们继续重复.. 问题是，前5项（这是实际我有的项目数），如果我们点击图片，然后div id =“imageBox”加载相同的图像（这是完美的）..但是当我们点击第6项（因为infinteLoop已被重复设置为true）大图像打开一个新窗口，而不是加载里面div id =“imageBox”

此外，如果您单击第一个5项目的“Read More”按钮，那么它会尝试加载其div内的href id =“imageBox”，但是当你点击第6项的“Read More”按钮时，它表现完美（即打开浏览器中的链接）我不知道为什么会发生这种情况.. 有什么建议吗？在此先感谢:)

来源

2012-04-20 Lucky Soni

我发现是什么原因造成了这个... 首先，我有一个投影组合页面的幻灯片启用/禁用选项，我加载他们每个人的自定义jquery代码..但我没有放一个if语句来检查幻灯片是启用还是禁用。因此第一个脚本应该在启用幻灯片时加载，第二个脚本应当在禁用幻灯片时加载......在我的情况下，无论启用还是禁用幻灯片，都要加载。其次我试图的document.ready（）

<?php 
if(is_post_type_archive('portfolios') || is_taxonomy('styles') || is_taxonomy('colors') || is_taxonomy('textures') || is_taxonomy('years')) : ?> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
}) 
}); 
</script> 
<?php endif; ?>

的document.ready作出肯定的脚本被应用到每个元件..即使第那些被bx-slider重复的东西。 :)

来源

2012-04-21 20:18:29

BX滑块和jquery

回答

相关问题