0

Rails 4 アプリを使用していますが、jquery イベント ハンドラー/turbo_links とタッチ vs クリック アクションで問題が発生しています。これが意味することは、次のようにすべてのハンドラーをバインドしていることです。

//special bindings for turbolinks application for homepage dropdown nav
$(document).on('click',".dropdown",openDropdown);

//dropdown binding for manufactuers phillips container
$(document).on('click',".manufacturers-dropdown",revealContainer);

//toggle button for the see manufacturers detail click
$(document).on('click',".expand-toggle",ShowMoreInfo);

これはデスクトップで非常にうまく機能し、ページの読み込み時に想定されているようにハンドラーをバインドし、ページ アクションに戻ります。

PROBLEM

モバイルでは拘束力がありません。レスポンシブなアプリを構築しています。モバイル クライアント (非デスクトップ) では、イベント ハンドラーがバインドされておらず、クリック (タッチ) も何もしません。何か不足していますか？

伝統的に、私は次のようなハンドラをバインドします:

$(document).ready(function(){
  //this is where the handers are attached
});

しかし、turbo_links に関する何かが jquery でうまく機能しないため、このオプションは使用できません。助言がありますか？

4

1 に答える 1

1

2ptの答え...

1: ジェム jquery-tubrolinks

2: //= jquery.turbolinks が必要

最後に、ドキュメントに直接バインドするのではなく、次のようにバインドします。

 $(document).ready(function(){
   //special bindings for turbolinks application for homepage dropdown nav
   $(".dropdown").click(openDropdown);

   //dropdown binding for manufactuers phillips container
   $(".manufacturers-dropdown").click(revealContainer);

   //toggle button for the see manufacturers detail click
   $(".expand-toggle").click(ShowMoreInfo);
 });

古き良き document.ready が再び動作します!

ありがとう！ https://github.com/kossnocorp/jquery.turbolinks

于 2013-11-12T20:45:39.453 に答える