0

ここに私のヘッドタグがあります：

<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 でのみ機能します。

動作しません: クロムまたはサファリ

私は何を間違えましたか？

4

1 に答える 1

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

これを load function() に入れて、要素が正常にロードされた後にスクリプトを読み取ります。

于 2013-10-01T19:53:47.077 に答える