jquery $(function () )在Web UI上不起作用

Question

我是jquery的新手，正在尝试找出我的代码出了什么问题：

<script type="text/javascript">
    $(function () {
        $("#BtnSubmit").click(function () {
        alert(" I am here"); 
        $("#BtnSubmit").attr("disabled", "disabled").addClass("ui-state-disabled");
        $("#BtnCancel").attr('disabled', 'disabled').addClass("ui-state-disabled");
    });
    });
</script>

甚至没有显示aler消息。尽管相同的代码在另一个页面中运行，如下所示：

<script type="text/javascript">
    $(document).ready(function() {
        $("#BtnSubmit").click(function () {
            alert(" I am here"); 
            $("#BtnSubmit").attr("disabled", "disabled").addClass("ui-state-disabled");
            $("#BtnCancel").attr('disabled', 'disabled').addClass("ui-state-disabled");
    });     
    });
</script>

这里出了什么问题？有人能帮上忙吗？

Answer 1

你的内容是动态生成的吗？如果是这样，请尝试使用.live而不是.click

<script type="text/javascript">

    $(document).ready(function() {

        // $("#BtnSubmit").click(function () {
        $("#BtnSubmit").live('click', function () {
            alert(" I am here"); 
            $("#BtnSubmit").attr("disabled", "disabled").addClass("ui-state-disabled");
            $("#BtnCancel").attr('disabled', 'disabled').addClass("ui-state-disabled");
        });

    });
</script>