Question

我有两个按钮完全一样。但一个不起作用，另一个不起作用。我找不到这个错误...

jQuery代码：

<script type="text/javascript">
    $(document).ready(
        function () {
            $(window).load(function () {
                $('#liText').hide(0);
                $('#tableButton').click(function () {
                    $('#liText').show(2000);
                    $('#mercaz').fadeOut();
                    $('#mercaz').css({
                        'margin-top': '0'
                    });
                    $('#MainImg').css({
                        'width': '150px',
                        'height': '150px',
                        'margin-top': '5px',
                        'margin-left': '70px'
                    });
                    $('#textKoteret').css({
                        'margin-top': '30px'
                    });
                    $('#koteret').css({
                        'margin-bottom': '10px'
                    });
                    $('#mercaz').fadeIn();
                    $('.tabbable').show();
                });

                $('#tableButton2').click(function () {
                    $('#liText').show(2000);
                    $('#mercaz').fadeOut();
                    $('#mercaz').css({
                        'margin-top': '0'
                    });
                    $('#MainImg').css({
                        'width': '150px',
                        'height': '150px',
                        'margin-top': '5px',
                        'margin-left': '70px'
                    });
                    $('#textKoteret').css({
                        'margin-top': '30px'
                    });
                    $('#koteret').css({
                        'margin-bottom': '10px'
                    });
                    $('#mercaz').fadeIn();
                    $('.tabbable').show();
                });
            });
        });
</script>

HTML按钮：

  <INPUT TYPE="button" id="#tableButton" class="btn btn-primary" VALUE="Go" onClick=<a href="#tab-711-1" data-toggle="tab"/>
  <INPUT TYPE="button" id="#tableButton2" class="btn btn-primary" VALUE="Go" onClick=<a href="#tab-711-5" data-toggle="tab"/>

如果有人在这里帮助我，我会很高兴的。我是新来的。

Answer 1

我发现的错误：
1）在HTML中删除#id。 #selector 用于CSS和Jquery，而不是简单的HTML

<INPUT TYPE="button" id="tableButton" class="btn btn-primary" VALUE="Go" onClick=<a href="#tab-711-1" data-toggle="tab"/>

2）onClick=<a href="#tab-711-1" data-toggle="tab"/>这在HTML中不起作用。 onclick事件处理程序用于运行JS代码而不是HTML。

在jQuery代码中找不到bug

1 个答案: