Javascript 我的jquery代码在引导中不起作用_Javascript_Jquery_Html_Twitter Bootstrap

Javascript 我的jquery代码在引导中不起作用

javascript jquery html twitter-bootstrap

Javascript 我的jquery代码在引导中不起作用,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我的jquery代码在引导中不起作用。我有一些列，我想把提交表单放在特定的列中，但当我使用表单标签时，我的jquery无法工作 <body> <form> <div class="row" id="row1"> <div class="col-sm-6" id="col-1"> <button id="btn">hide me</button>

我的jquery代码在引导中不起作用。我有一些列，我想把提交表单放在特定的列中，但当我使用表单标签时，我的jquery无法工作

    <body>
    <form>
    <div class="row" id="row1">
        <div class="col-sm-6" id="col-1">
            <button id="btn">hide me</button>
        </div>
        <div class="col-sm-6" id="col-2">

        </div>
    </div>
    <div class="row">
        <div class="col-sm-6" id="col-3">

        </div>
        <div class="col-sm-6" id="col-4">

        </div>
    </div>
    </form>
</body>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
            $(document).ready(function(){
        $("#btn").click(function(){
            $("#row1").slideUp("slow");
        });
    });
 </script>


把我藏起来
$（文档）.ready（函数（）{
$（“#btn”）。单击（函数（）{
$（“#行1”）.slideUp（“慢”）；
});
});

您需要使用preventDefault（），如下所示：

$(document).ready(function(){
    $("#btn").click(function(e){
        e.preventDefault();
        $("#row1").slideUp("slow");
    });
});

当您放置

表单

标记时，其中有一个

按钮

标记，默认操作是提交表单。因此，您需要首先使用

preventDefault（）

来防止这种情况

请告诉我它是否解决了问题。

太好了，很高兴它成功了。请点击投票计数器箭头下方的“勾选”接受答案。完成。还有什么吗？谢谢你，没有别的了，朋友：）