Question

我的页面中有一个按钮，它基本上会将警报作为样本返回。该按钮仅触发一次。我检查了以前的条目并更改为事件。当前事件如下所示

  $("#save_button").on("click", "#save", function() {
    alert("Button clickeddddd");

  });

html如下

>     <body>
>         
>     <div data-role="page" data-theme='b'>
> 
> 
>         <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'>
>             <a href="index.html" data-ajax="false"><i class='icon-tablet icon-medium'></i></a>
>             <h1>Languages</h1>
>         </div>
>         
>         <div data-role="content">   
> 
>               
>             <form>
>                 <ul data-role="listview" data-inset="true">  
>                   
>                     <li data-role="fieldcontain">
>                         <label for="language" class="select">Language:</label>
>                         <select name="language" id="language" data-native-menu="true">
>                             <option value="en">English</option>
>                             <option value="de">German</option>
>                         </select>
>                     </li>
> 
>                     <li>
>                         <fieldset class="ui-grid-solo" id="save_button">
>                                 <div class="ui-block-a"><button type="submit" data-theme="b" id="save">Save</button></div>
>                         </fieldset>
>                     </li>
>                 </ul>
>             </form>
>           
>         </div>
> 
>       <div data-position="fixed" data-tap-toggle="false"
> data-role="footer" data-tap-toggle="false" data-theme='b'>            <div
> data-role="navbar">
>               <ul>
>                   <li><a href="languages.html" data-icon="globe" id="languages"></a></li>
>                   <li><a href="themes.html" data-icon="eye-open" id="themes"></a></li>
>                   <li><a href="settings.html" data-icon="cog" id="settings"></a></li>
>                   <li><a href="login.html" data-icon="signin" id="login"></a></li>
>               </ul>           </div>      </div>
> 
>     </div>
>     
>     </body> </html>

我尝试使用id =＆＃34; save_button＆＃34;在几个地方（div：所有级别），li，ul，form等，在每个地方活动只工作一次。之后它不起作用。

Answer 1

您可以将事件委托给文档级别来处理任何动态元素：

$(document).on("click", "#save", function() {
    alert("Button clickeddddd");

  });

请阅读：

jQuery点击事件不会执行两次

1 个答案:

jQuery delegation