Question

嗨，我是jquery的新手，我试图稍微调整一下这个小提琴 http://jsfiddle.net/handtrix/dzr521qs/ 而且无法这样做。我想要做的是单击此弹出窗口隐藏的提交按钮。这是我的一段代码隐藏它，但它不起作用，我无法弄清楚错误

 $("#hide-me").click(function(){
    $(".content").hide("slow", function(){
        console.log("scfzd");
        alert("The paragraph is now hidden");
    });
 });

我已将“＃hide-me”ID分配给提交按钮。

提前致谢。

Answer 1

<强> Working Fiddle

首先，您必须添加课程hide-me而不是id，因为您有多个submit按钮，并且您不会在同一文档中复制ID：

<button type="submit" class="btn btn-default btn-block hide-me">Submit</button>

第二次使用.popover('hide')隐藏popover内容：

$(document).on("click", ".hide-me", function() {
    $('.popover-markup>.trigger').popover('hide');
});

希望这有帮助。

Answer 2

将代码保存在jquery ready事件中，

<script>
    $( document ).ready(function() {
       $("#hide-me").click(function(){
           $(".content").hide("slow", function(){
               console.log("scfzd");
               alert("The paragraph is now hidden");
           });
       });   
    });
</script>

Answer 3

试试这个

$(document).on("mousedown", ".hide-me", function() {
    $('.popover-markup>.trigger').popover('hide');
});

它也在工作..

无法在jquery中运行hide函数

3 个答案: