如何在html中外部調用jquery函數

當我們點擊錨標籤時，它應該調用外部文件中的jquery函數，但我不知道如何在外部調用點擊函數。如何在html中外部調用jquery函數

這是我代碼：

PHP

<html> 
<head> 
<script type="text/javascript" src="js/loc.js'"> 
</script> 
</head> 
<body> 
    <div id="locname"> 
    <ul class="loct" > 
     <li > 
     <a href=# class="c" >Camp 
     </a> 
     </li> 
    </ul> 
    </div> 
</body> 
</html>

JS文件

 $(document).ready(function() { 
      var $flag='0'; 
      $(".c").on("click",function(event){ 
       var $trigger = $(".c"); 
       if($trigger !== event.target && 
        !$trigger.has(event.target).length) 
       { 
        if($flag=='0') 
        { 
         $flag='1'; 
         $(".co").fadeToggle("fast"); 
        } 
        else if($flag=='1') 
        { 
         $flag='0'; 
         $(".co").fadeToggle("fast"); 
        } 
       } 
      }); 
     } 
    }

以上代碼現在工作正常

來源

2017-07-03 Archana Gupta

在控制檯上沒有錯誤 –

我只是將

你可以這樣做

HTML文件

<html> 
<head> 
<script type="text/javascript" src="<?php echo base_url('js/loc.js');?>"> 
</script> 
</head> 
<body> 
    <div id="locname"> 
    <ul class="loct" > 
     <li > 
     <a href=# class="c" onclick= "externalFunction(this);">Camp 
     </a> 
     </li> 
    </ul> 
    </div> 
</body> 
</html>

JS文件

<script type="text/javascript"> 
     $(document).ready(function() { 
      var $flag='0'; 
      function externalFunction(event){ 
       var $trigger = $(".c"); 
       if($trigger !== event.target && 
        !$trigger.has(event.target).length) 
       { 
        if($flag=='0') 
        { 
         $flag='1'; 
         $(".co").fadeToggle("fast"); 
        } 
        else if($flag=='1') 
        { 
         $flag='0'; 
         $(".co").fadeToggle("fast"); 
        } 
       } 
      }); 
     } 
    } 
<script>

我的東西它會幫助你的。

來源

2017-07-03 07:13:09

你確定在'

如何在html中外部調用jquery函數

相關問題