javascript - jQuery .click() 函数不起作用

标签 javascript jquery html

我的 jQuery .click() 函数不起作用 - 它必须将按钮文本添加到字符串 x 并将totaldiv.text() 设置为 x,但是当我单击按钮时它什么也不做。

$(document).ready(function() {
    var x = "", y = "";
    var operator;
    var totaldiv = $("#total");
    totaldiv.text("0");
    $("#numbers button").click(function(){
        x += $(this).text();
        totaldiv.text(x);
    });
});

我的 html(如果需要):

<div id="numbers">
    <button class="btn">1</button>
    <button class="btn">2</button>
    <button class="btn">3</button>
    <button class="btn">4</button>
    <button class="btn">5</button>
    <button class="btn">6</button>
    <button class="btn">7</button>
    <button class="btn">8</button>
    <button class="btn">9</button>
    <button class="btn">0</button>      
</div>
<div id="total">
</div>

最佳答案

好吧,如果你的意思是为什么要在 2、3、4 上加上数字,那么会是 234 而不是 9。因为它们是字符串。

使用这一行代替... var x = 0; x += parseInt($(this).text());

否则,如果你按照评论中所述包含 jQuery,它就会起作用

关于javascript - jQuery .click() 函数不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41652548/

相关文章:

javascript - 使用 jquery 删除循环内输入标签的禁用属性

javascript - jQuery Color 插件没有由可选元素触发

jquery - chrome调整背景图片大小问题

javascript - 为什么 &lt;script&gt; 标签在此 PHP 页面上不起作用?

javascript - 是否未调用 setState 回调,然后更新本身就会被不同的更新覆盖?

javascript - 修改 jQuery 以仅根据屏幕宽度触发特定的 CSS

javascript - Cordova 文件传输插件下载总是产生 http 状态 401 和错误代码 3

javascript - 如何从 href 属性获取默认 id 值

html - 如果空白则在输入下划线

html - Bootstrap 响应式按钮链接在一列中