2017-01-25 28 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(){...} 
相關問題