javascript - 为什么我的内容不能像这样点击显示？

Question

我写了一个 javascript 来显示隐藏的内容，但是当我点击它时它不会显示，任何人都可以帮我解决这个问题吗？

这是我的脚本:

<script src="style/jquery/jquery.js"></script>
<script>
     $(document).ready(
         function(){
             $("#yes").click(
                    function(){
                         $("div#did").show();
                        }
                )
            }
         function(){
             $("#no").click(
                    function(){
                         $("div#did_not").show();
                        }
                )
            }
        )
</script>

我的 css 文件隐藏它:

#did{
 display: none;
}
#did_not{
     display: none;
    }

还有我的 HTML:

<button id="yes">Yes</button>
<button id="no">No</button>

<div id="did">
     <p>
        Yes
     <p/>
</div>
<div id="did_not">
     <p>
         No
     </p>
</div>

在这里帮帮我!

Answer 1

虽然它不起作用的原因已得到解答(语法错误)，但我建议将您的代码简化为:

$('button').on('click', '#yes, #no', function(){
    $('#did' + (this.id === 'yes' ? '' : '_not')).show();
});

JS Fiddle demo .

假设只有一个响应(给定答案"is"/“否”的 bool 性质)应该是可见的:

$('button').on('click', function(){
    var response = $.trim($(this).text());
    $('div.response').hide().filter(function(){
        return $.trim($(this).text()) === response;
    }).show();
});

JS Fiddle demo .

引用资料:

• > $.trim() .
• > filter() .
• > hide() .
• > on() .
• > show() .
• > text() .