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>

很简单，我想显示计数，因为我按下这个On和Off按钮。但是，当我添加＆＃34; var count = 1＆＃34;时，我的按钮不再有效。当我摆脱那条线时，按钮会将标签中的文字从ON变为OFF，从OFF变为ON。

为什么？你可以说，我正在教自己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代码通常必须进入函数体内，而不是在您键入参数的部分。

JQuery：定义变量会阻止我的脚本运行

2 个答案: