Question

当我们点击一个锚标签时，它应该调用外部文件中的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");
                    }
                } 
            });
        }
     }

以上代码现在正常运作

Answer 1

首先，如果您的文件扩展名为<script></script>

，则无需在.js中包装JS代码

解决方案：使用以下代码更新您的JS文件

var $flag='0';
function myFunction(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");
        }
    } 
};

您的锚标记应为：

<a href=# class="c" onclick= "myFunction(this);">Camp</a>

此外，由于您正在使用jQuery，请确保您还包含jQuery库。

Answer 2

你可以这样做

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>

我会帮助你。

如何在html中外部调用jquery函数

2 个答案: