为什么我的代码(JQuery在外面隐藏div onclick，在里面显示onclick)不起作用

Question

我想实现它的底层：(https://stackoverflow.com/a/11545559/688830)，这样当单击我的表单时，它就会保留下来。但对我来说，它并没有留下。知道为什么吗？

<script>
$(document).ready(function () {
    $("#pvauth").click(function () {
        $("#container_demo").show();
        $("#pvauth").hide();
    });
});
</script>      
// this script only half works.. it hides when i click on form but i want it to stay.                      
<script type="text/javascript">
$(document).click(function (e) {
    // check that your clicked element has no id=info
    if (e.target.id != 'container_demo' && !$('#container_demo').find(e.target).length && e.target.id != 'pvauth') {
        $("#container_demo").hide();
        $("#pvauth").show();
    }
});
</script>

Answer 1

尝试

$(function() {
  $("input").on("click",function(e) { 
   e.stopPropagation();
  });
});

您可以将其缩小为"#container_demo" ，而不是"input"