2017-01-25 27 views
-2

如果我将jquery文件“jquery.min.js”修改为“jquery.mobile.min.js” 点击事件不起作用。 在其他页面上,我需要使用这两个版本。单击“jquery.min.js”中的事件工作,但不能与“jquery.mobile.min.js”一起工作

JQUERY:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      var tag = ""; 

      $("button#upload").click(function() { 
       $("#upload_file").click(); 
      }); 

      $("#upload_file").on('change', function() { 
       tag = "file"; 
       var filename = $('input[type=file]').val().split('\\').pop(); 
       $('#EmployeeId').val(filename); 
      }); 

      $("#EmployeeId").on('change', function() { 
       tag = "text"; 
      }); 

      $("#tag").on('click', function() { 
       alert(tag); 
      }); 
     }); 
    </script> 

BODY:

<input type="text" id="EmployeeId" value="" /> 
    <input type="file" id="upload_file" style="display:none" /> 
    <button id="upload">UpLoader PRO</button> 
    <p>&nbsp;</p> 
    <button id="tag">TAG view</button> 
+0

你为什么要这么做?它们不是一回事,也不可互换。 jQuery Mobile是一个面向jQuery顶部构建的移动设备的UI库,非常类似于jQuery UI,因此依赖于基础jQuery库的功能。 – jmoerdyk

回答

0

我已经找到了解决办法:

$("#element").bind('click vclick', function(){...} 

,而不是

$("#element").on('click', function(){...} 
相关问题