Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery单击事件不发生';不要执行两次_Jquery_Onclick - Fatal编程技术网

jQuery单击事件不发生';不要执行两次

jQuery单击事件不发生';不要执行两次,jquery,onclick,Jquery,Onclick,我的页面中有一个按钮,它基本上返回一个警报作为示例。按钮只启动一次。我检查了以前的条目并更改为事件。当前事件如下所示 $("#save_button").on("click", "#save", function() { alert("Button clickeddddd"); }); html如下所示 > <body> > > <div data-role="page" data-theme='b'>

我的页面中有一个按钮,它基本上返回一个警报作为示例。按钮只启动一次。我检查了以前的条目并更改为事件。当前事件如下所示

  $("#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>
>
>         
>     
> 
> 
>         
>             
>语言
>         
>         
>            
> 
>               
>             
>
    > >
  • >语言: > >英式 >德文 > >
  • > >
  • > >拯救 > >
  • >
> > > > >data role=“footer”data tap toggle=“false”data theme='b'>data role=“navbar”> >
    >
  • >
  • >
  • >
  • >
> > > >

我尝试在多个地方(div:all levels)、li、ul、form等使用id=“save_”按钮。在每个地方,活动只运行一次。之后它就不起作用了。

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

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

  });
请阅读: