0

我正在使用翻书插件，Jquery Booklet，其中一个功能是转到翻书中的特定页面。

.booklet("gotopage", index)

我正在制作一个包含小缩略图布局的模式，我希望能够在其中单击缩略图，关闭模式，然后小册子页面将打开到图像所在的特定页面。我正在尝试以下代码，该代码第一次有效，但后续无效。任何帮助，将不胜感激！

 $('.item a .counter').click(function(e){
   e.preventDefault();
   var gotoimage = $(this).text();
    $('#mybook').booklet("gotopage", gotoimage);
    $('#thumbs').modal('hide');
   });
4

3 回答 3

2

可能是您的模态被动态注入到 DOM，在您的绑定发生后，您可以在这种情况下使用一些委托，

 $(document).on('click','.item a .counter',function(e){
   var gotoimage = $(this).text();
    $('#mybook').booklet("gotopage", gotoimage);
    $('#thumbs').modal('hide');
    return false;
   });
于 2012-08-31T01:07:05.633 回答
0

在对我的原始代码感到沮丧之后，我想出了如何使用以下代码来做到这一点：

$(".item a").click(function () {
var index = $(".item a").index(this) + 2;
$('#mybook').booklet("gotopage", index);
$('#thumbs').modal('hide');
return false;
});

由于我的 Thumb 画廊和 Booklet Flipbook 具有相同的图像索引 #，因此它可以工作。我只需要添加 + 2，因为我意识到小册子有封面和封底，所以我需要让索引从 2 个数字开始，而不是从 0 开始。

于 2012-08-31T06:02:20.983 回答
0

$('.item a .counter') 是动态加载的吗？还是它们都在一开始就加载到页面中？

如果它们是在页面加载后加载的，您应该尝试使用 .live 而不是 .click

你在jsfiddle中有这个吗？

于 2012-08-31T01:13:46.090 回答