Question

所以这是我的按钮：

<div id="calculateButton" style="cursor: pointer;">
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/btn_calculate.gif")%>" />
</div>

这是javascript：

$('#calculateButton').click(function () {
    alert('Calculating...');
});

当我点击按钮时没有任何反应。我做错了什么？

编辑：

$(document).ready(function () {

        $("#prepaymentTable").bubble({ width: 400, title: 'Prepayment' });
        $("#exposureTable").bubble({ width: 400, title: 'Exposure' });

        $('#calculateButton').click(function () {
            alert('Calculating...');
        });

    });

泡泡插件都可以正常工作......但不是按钮点击......

Answer 1

确保在元素加载后将click处理程序附加到document.ready处理程序中，如下所示：

$(function() {
  $('#calculateButton').click(function () {
    alert('Calculating...');
  });
});

如果由于AJAX等原因而创建以后，请使用.live()，例如：

$('#calculateButton').live('click', function () {

JQuery onclick什么都不做

1 个答案: