个人中心
gpt4 book ai didi

javascript - 我的 jquery 代码在 Bootstrap 中不起作用

转载 作者：行者123 更新时间：2023-11-30 15:47:40 25 4
gpt4 key购买 nike

我的 jquery 代码在 Bootstrap 中不起作用。我有一些列，我想将提交表单放在特定列中，但是当我使用表单标记时，我的查询将不起作用。

    <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>

最佳答案

您需要使用 preventDefault()，如下所示:

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

当您放置 form 标签并且其中有一个 button 标签时，默认操作是提交表单。因此，您需要首先使用 preventDefault() 来防止这种情况。

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

关于javascript - 我的 jquery 代码在 Bootstrap 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39817290/

25 4 0
文章推荐： javascript - 在 react.js 中将对象数组渲染到
  • 中
    • 文章推荐： java - 从 Java 与 C 可执行文件通信
    文章推荐： c - 从文件读取字符串时出错
    文章推荐： javascript - D3 图形布局 - 具有多个父级的树结构
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    全站热门文章
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com