Question

我在Javascript中编写了一个调用jQuery函数的Simple函数问题是为什么我需要点击按钮才能获得切换效果

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;
});

Answer 1

我相信这对于点击活动就足够了。

HTML：

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

JS：

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

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

Answer 2

你有这个代码：

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

toggle()是应该启动的功能。借助<input>属性，该函数绑定到onclick=标记。 onclick事件用于在单击元素时执行JavaScript。

如果要在页面加载时触发该功能，则需要进行少量更改。文档加载时应调用toggle()函数。

$(document).ready(function () {
    toggle();
}

Answer 3

我觉得你对它有点困惑......

卸下：

onclick="toggle()"

和

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

写下这个：

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

        $('#p1').toggle();
        $('#h').toggle();   
    });
});

Answer 4

在你的问题中阅读很多内容！ - 如果您希望切换功能在页面加载时触发，而不是在您单击按钮时将功能更改为：

<script type="text/javascript">
    $(document).ready(function () {
            new_toggle2();
    }
</script>

从js调用jQuery函数

4 个答案: