Question

这是我的头标：

<head>
 <!-- link JS here -->
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   <script type='text/javascript' src="../../template/js/jquery.flexslider.js"></script>
   <script type='text/javascript' src='../../template/js/preload.js'></script>
   <script type='text/javascript' src='../../template/js/responsive-turnkey.js'></script>
</head>

简单呃？因此，“responsive-turnkey.js”文件是具有在用户单击必要的DOM元素后需要运行的所有单击函数的文件。

这是“responsive-turnkey.js”文件：

$(document).ready(function(){

alert("This alert works on page load");

$(".btn").click(function(){
alert("this alert works on .btn clicked");
});

});

第一个警报适用于页面加载，但是当我单击带有“.btn”类的元素时，单击功能不起作用且警报不响。这只适用于FIREFOX。

不适用于：chrome或safari

我做错了什么？

Answer 1

$.getScript("../../template/js/responsive-turnkey.js", function(){
    alert("Script loaded and executed.");
    });

我把它放在我的load函数（）中，以便在成功加载元素之后读取脚本。

外部js点击功能无法在Chrome / Safari中使用

1 个答案: