的fancybox不与jscarousel工作2

我在与jscarousel使用PHP代码2的fancybox不与jscarousel工作2

http://www.egrappler.com/jquery-contentthumbnail-slder-v2-0-jscarousel-v2-0/

显示从数据库作为转盘项和这样

<a id="addtocart" product="<?php echo $productID; ?>" href="#addDiv" >add</a>

并且具有链接一个隐藏的div

<div style="display:none"> 
<div id="addDiv" style="width:300px; height:250px; background-color:#969;">test</div> 
</div>

，只是用于测试的另一个链接，它不是传送带里面就像上10 ■一个

的问题是：在转盘中的链接不显示的fancybox而转盘外的其他链接显示的fancybox我已经试过这

$(document).ready(function(e) { 

$("a#addtocart").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic' 
    }); 
$(document).on("click","a#addtocart",function(){ 
      $(this).fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic' 
    }); 
}); 
});

任何帮助吗？

来源

2013-05-27 jq beginner

你究竟想做什么？我认为问题在于，你正在使用ID。也许你应该将你正在使用的“click”事件添加到类中。每个ID可能只在一个html文档中，因此您只能拥有一个ID为addtocart的元素。

<a href="#addDiv" class="fancybox" product="<?php echo $productID; ?>">add</a>

试试这个jQuery的：（。）

$(document).ready(function(e) { 
    $("a .fancybox").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic' 
    }); 

    $(document).on("click","a .fancybox", function() { 
     $(this).fancybox({ 
      'transitionIn' : 'elastic', 
      'transitionOut' : 'elastic' 
    }); 
});

当您使用点，而不是hashkey（＃），你就可以使用，而不是IDS类。

如果不帮你，你可以找到的jCarousel和的fancybox的实现就在这里：http://www.mccran.co.uk/examples/jcarousel/

来源

2013-05-27 13:06:37

使用类$（“a.add_to_cart”）。fancybox（）;它不工作，并加载这样的页面mypage.php＃addDiv –

我仍然不知道你想完成什么。有了这个脚本，你的图像应该在点击它们之后打开。如果这不起作用，我猜想实现fancybox可能会有问题。在输入像“mypage.php＃addDiv”这样的URL之后你想要发生什么？ –

我点击add后，我没有输入此URL正在加载的URL，因为fancybox无法加载，而点击传送带外的链接正在工作并显示fancybox，它与传送带内外相同的链接完全没有任何变化 –

解决方案：只是用这个代码在的document.ready结束

$("a.add_to_cart").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic' 
    });

并且正常工作，但是在document.ready之后使它不起作用

来源

2013-05-27 14:08:14

的fancybox不与jscarousel工作2

回答

相关问题