1

これは非常に簡単なことのように思えますが、機能させることができないようです。私は持っている：

<button id="more">more</button>
<button id="less">less</button>

<p id="info"></p>

<script>
var howMany = 1;
$(#more).click(function(){
    howMany + 1;
});
$(#less).click(function(){
    howMany - 1;
});
$("#info").text(howMany);
</script>

ユーザーが多かれ少なかれクリックすると、情報段落が増減するだけです。

4

4 に答える 4

5

他の人がセレクターに引用符がない、インクリメント/ディメント後に変数値を再割り当てしないなど、既に述べているように、コードにいくつかの間違いがあります。

var howMany = 1;
$('#more').click(function(){
    howMany += 1;
    $("#info").text(howMany);
});
$('#less').click(function(){
    howMany -= 1;
    $("#info").text(howMany);
});
$("#info").text(howMany);​

ここに働くフィドルがあります

于 2012-05-29T19:57:22.900 に答える
4

いくつかの問題があります。

  • セレクターとして文字列が必要です。したがって#more、引用符で囲みます: "#more".
  • 足し算や引き算を計算して結果を無視するだけでなく、変数を更新する必要があります。+=と-=の代わりに+とを使用し-ます。
  • <p>加算/減算のたびに要素を更新することをお勧めします。したがって.text、変数を更新した後、両方のクリック関数内に呼び出しを入れます。
于 2012-05-29T19:54:12.147 に答える
1

結果を変数に割り当てていないことに加えて、クリックイベントの外側textの要素を設定しています! 試す：

$("#more").click(function(){
    howMany += 1;
    $("#info").text(howMany);
});
$("#less").click(function(){
    howMany -= 1;
    $("#info").text(howMany);
});
于 2012-05-29T19:55:08.307 に答える
1

に 1 を追加しhowManyますが、変数への結果には影響しません。howMany = howMany + 1;または_howMany += 1;

編集：pimvdbの回答によると、他の問題があります。彼の投稿を見てください。修正されたコードは次のとおりです。

<button id="more">more</button>
<button id="less">less</button>

<p id="info"></p>

<script>
var howMany = 1;
$("#more").click(function(){
    howMany += 1;
    $("#info").text(howMany);
});
$("#less").click(function(){
    howMany -= 1;
    $("#info").text(howMany);
});
</script>
于 2012-05-29T19:53:24.117 に答える