0

だから私はウェブサイト用のjavascriptをいくつか持っていますが、現時点ではそれを機能させる唯一の方法は、それがHTMLと混ざっている場合です. これは悪い習慣だと読んだことがありますが、head セクションでスクリプトとして機能させる方法がわかりません。誰でも私を助けることができますか？ここで同様の質問をたくさん読んだことがありますが、うまくいきません。

ありがとう、アレックス

ここに私が持っているコードがあります:

<li><a href="#" class="about_button" onclick="$('.about_background, .about_close').fadeIn('fast') ">About</a></li>

次に、次を追加して再びフェードアウトします。

<a href="#" class="about_close" onclick="$('.about_background').fadeOut('fast')"></a>

ページの幅と高さにまたがる div を使用して、ユーザーがどこでもクリックできるようにします。これが適切な方法であり、使用しても問題ないかどうかはわかりません。

ありがとう

4

4 に答える 4

0

使用する

<script src="path/to/file.js"></script>

HTML 5 では、タイプを指定する必要はありません。それ以外の場合は、type="text/javascript" を指定する必要があります。

于 2013-06-09T11:48:42.930 に答える
0

jquery セレクターを使用して HTML 要素をターゲットにし、それらにリスナーを配置します。

$('.about_button').on('click', function() {
    $('.about_background, .about_close').fadeIn('fast')
})

$('.about_button')要素をターゲットにするために使用するセレクターです。 on('click'対象の要素に onclick リスナーを設定 function() { ... }します。これは、リスナーがトリガーされたときに呼び出されるコールバック関数です。

于 2013-06-09T11:48:46.600 に答える
0

HTML に次の要素を配置できます。

<li><a href="#" class="about_button">About</a></li>
<a href="#" class="about_close"></a>

次に、本体の下部にjsファイルへの参照を配置します（jsを使用してイベントハンドラーをバインドするときにhtmlが最初にロードされ、要素の準備が整うように、頭ではなくファイルの下部にある必要があります彼ら）

<script src="<file path>"></script>

外部 js ファイルでは、イベント ハンドラーをそれらにバインドできます。

$(".about_button").click(function(){
   $('.about_background, .about_close').fadeIn('fast') 
}
$(".about_close").click(function(){
   $('.about_background').fadeOut('fast')
}
于 2013-06-09T11:49:26.767 に答える