0

私はフリップブックプラグインであるJqueryBookletを使用していますが、機能の1つは、フリップブックの特定のページに移動することです。

.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

$（'。itema .counter'）は動的にロードされていますか？それとも、最初にすべてページに読み込まれていますか？

ページの読み込み後に読み込まれる場合は、.clickではなく.liveを試してください。

これはjsfiddleか何かにありますか？

于 2012-08-31T01:13:46.090 に答える
0

元のコードに不満を感じた後、このコードを使用してこれを行う方法を見つけました。

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

私のThumbギャラリーとBookletFlipbookの画像のインデックス番号は同じなので、機能しました。小冊子には表紙と裏表紙があることに気付いたので、+ 2を追加する必要がありました。そのため、インデックスを0ベースではなく、2つの数字で開始する必要がありました。

于 2012-08-31T06:02:20.983 に答える