JQuery：定义变量正在停止我的脚本 运行

Question

<script>
    $(document).foundation(
        var count = 1
        $("button.test").click(function(){
            if ($("p.change-me").text() === "OFF") {
                $("p.change-me").text("ON")
                count = count + 1
            }
            else if ($("p.change-me").text() === "ON") {
                $("p.change-me").text("OFF")
                count = count + 1
            }
            $("p.counter").text(count)
        })
        )
</script>

非常简单，我想在按下“开”和“关”按钮时显示计数。但是，当我添加 "var count = 1" 时，我的按钮不再有效。当我删除该行时，该按钮会将标签中的文本从打开变为关闭，然后从关闭变为打开。

怎么会？你可能会说，我正在自学 JQuery。

谢谢！

HTML 根据要求：

<div class="row">
    <div class="small-6 columns text-center">
        <button class="button radius test">CLICK THIS</button>
    </div>
    <div class="small-6 columns text-center">
        <p class="change-me">OFF</p>
    </div>
</div>

<div class="row">
    <div class="small-12 columns text-center">
        <p>Here we will print how much fun you are having:</p>
        <p class="counter">0</p>
    </div>
</div>

Answer 1

从 foundation() 调用中取出您的代码。还要尽量记住使用分号。

        $(document).foundation();

        var count = 1;
        $("button.test").click(function(){
            if ($("p.change-me").text() === "OFF") {
                $("p.change-me").text("ON");
                count = count + 1;
            }
            else if ($("p.change-me").text() === "ON") {
                $("p.change-me").text("OFF");
                count = count + 1;
            }
            $("p.counter").text(count);
        })

Answer 2

@Romain 的回答是正确的，但只是补充一点...... foundation 是一个方法调用，你试图将 javascript 代码放在你通常放置的部分参数（即在 () 内）。 javascript 代码通常必须放在函数体内，而不是在您键入参数的部分。