Jquery单击函数只触发一次

我正在使用一个“动画书”插件，其中一个功能是转到“动画书”中的特定页面

.booklet("gotopage", index)

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

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

---

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

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

是否动态加载$（'.item a.counter'）？或者它们都是在页面开始时加载的

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

---

您在JSFIDLE中有这样的代码吗？

在对我的原始代码感到有些失望之后，我想出了如何使用以下代码来实现这一点：

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

---

因为我的拇指图库和小册子“动画书”有相同的图像索引，所以它起作用了。我只需要加上+2，因为我意识到这本小册子有封面和封底，所以我需要将索引从2开始，而不是从0开始。

missing；在$（'#thumbs'）.modal（'hide'）之后，我将查看它。顺便说一句，我正在使用Twitter引导模式javascript。如果它不起作用，你可以尝试在函数中添加一个警报/日志。如果您收到警报/日志，那么问题在于您的逻辑。