3

私たちのhtmlページに含まれている多くのjsファイルを見て、それが動き始めました。それがどのように機能するかを確認するための簡単な機能を作成しました。外部ファイルを作成してから、それを自分の Web ページに含めましたが、機能しません。私のコードは....

<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="face.js"></script>
</head>
<body>
<div class="cl">check code</div>
</body>

//jquery

function mtLoan(){

    $('.cl').css('background-color','#ff0000')

}
4

7 に答える 7

1

あなたはこれを試すことができます

HTML

<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="face.js"></script>
</head>
<body>
<div class="cl">check code</div>
</body>

JSコード

$(document).ready(function(){
    $('.cl').on('click', function(){
       mtLoan();
    });
    function mtLoan(){
       $('.cl').css('background-color','#ff0000')
    }
});

http://jsfiddle.net/hhBFZ/11/

于 2012-09-03T08:17:20.103 に答える
0 
...
<script type="text/javascript" src="face.js"></script>

<script>
$(function(){
  mtLoan();
});
</script>
于 2012-09-03T08:08:37.220 に答える
0

ドキュメント準備完了イベントを使用する必要があります。このビデオチュートリアルサイトでは、いくつかの一般的な例を非常にうまく説明しています。http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-2/

于 2012-09-03T08:23:32.737 に答える
0

$(document).ready()イベントを使用 して JavaScript を初期化すると、HTML は Javascript を認識し、その逆も同様です。

$(document).ready(function(){
     $('.cl').css('background-color','#ff0000')
})
于 2012-09-03T08:09:38.477 に答える
0

外部 js ファイルまたはページ自体で doccument.ready 関数内の関数を呼び出します。

于 2012-09-03T08:19:47.773 に答える
0

あなたはmtLoanをどこにも呼んでいません。コードを次のように変更します。

$(document).ready(function(){
     $('.cl').css('background-color','#ff0000')
})
于 2012-09-03T08:06:10.047 に答える