1

jQuery関数を呼び出す単純な関数をJavascriptで記述しました。問題は、トグル効果を得るためにボタンをクリックする必要があるのはなぜですか。

html

<input id="toggle" type="button" value="Toggle" onclick="toggle()" />

javascript

<script type="text/javascript">
function toggle()
{
    new_toggle();
}
</script>

jQuery

$(function new_toggle2(){
        $('#toggle').click(function(){

    $('#p1').toggle(); // Simple <p> and <h1> tags
            $('#h').toggle();   
        });
    new_toggle = new_toggle2;
});
4

4 に答える 4

1

あなたはこのコードを持っています：

<input id="toggle" type="button" value="Toggle" onclick="toggle()" />

これtoggle()は、開始する必要がある関数です。その関数は、属性を使用してタグにバインドされます。onclick イベントは、要素がクリックされたときに JavaScript を実行するために使用されます。<input>onclick=

ページの読み込み時にその関数をトリガーする場合は、小さな変更が必要です。このtoggle()関数は、ドキュメントの読み込み時に呼び出す必要があります。

$(document).ready(function () {
    toggle();
}
于 2012-10-11T14:20:47.427 に答える
1

あなたはそれについて少し混乱していると思います...

削除する：

onclick="toggle()"

と：

<script type="text/javascript">
function toggle()
{
    new_toggle();
}
</script>

そして、これだけを書いてください：

$(function(){
    $('#toggle').click(function(){

        $('#p1').toggle();
        $('#h').toggle();   
    });
});
于 2012-10-11T14:21:58.753 に答える
1

クリックイベントにはこれで十分だと思います。

HTML:

<input id="toggle" type="button" value="Toggle" />

JS:

$(function(){
        $('#toggle').click(function(){

            $('#p1').toggle(); // Simple <p> and <h1> tags
            $('#h').toggle();   
        });
});
于 2012-10-11T14:19:04.333 に答える
0

あなたの質問をよく読んでください！- ボタンをクリックしたときではなく、ページの読み込み時にトグル関数を起動する場合は、関数を次のように変更します。

<script type="text/javascript">
    $(document).ready(function () {
            new_toggle2();
    }
</script>
于 2012-10-11T14:20:44.507 に答える