0

誰かがこのコードで私を助けてくれますか?

私の Rails プロジェクトには、固定されたヘッダーがあります。リンクの1つは次のとおりです。

<li><%= link_to "Your Address Book", user_path(current_user), :class => 'random_number' %></li>

次に、同じページの下部に次のものがあります。

  <script>
  var number = 1 + Math.floor(Math.random() * 6);

  $("random_number").click(function("#show_the_number")

           {
             alert(number);
           }
      );

   </script>

上記のコードは、私が望むようには機能しません。

私がしたいことは次のとおりです。

// この部分は正常に動作します

「Your Address Book」リンクをクリックすると、ページ「your address book」と関数「ran​​dom_number」がロードされます

// ここに問題があります:

「your address book」ページが読み込まれると、ID「#show_the_number」のボタンがあります。このボタンがその新しいページでクリックされたときに、固定ヘッダーからの乱数を使用して、アラート (番号) メッセージを表示したいと考えています。

何か案は?ありがとう。

4

1 に答える 1

1

ここであなたが求めているのはon委任されたイベントだと思います..クリックイベントが機能するようにボタンが動的に追加されるため、最も近い静的な親に委任する必要があります

これを試して

 $(document).on('click',"#show_the_number",function(){
    var number = 1 + Math.floor(Math.random() * 6);
    alert(number);
});

イベント自体ではなく、ページが読み込まれたときに存在する最も近い親コンテナーにイベントを委任することをお勧めしますdocument

詳細を読むためのリンク.on

例:

$("#IdOfParentContainer").on('click',"#show_the_number",function(){
  ....
于 2013-05-18T09:39:32.643 に答える