个人中心
gpt4 book ai didi

javascript - Bootstrap 模式没有出现

转载 作者：行者123 更新时间：2023-11-29 23:49:42 24 4
gpt4 key购买 nike

我正在尝试 http://bootstrap-confirmation.js.org

我的 html 有

<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Log Analyzer</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- DataTables CSS -->
    <link href="vendor/datatables-plugins/dataTables.bootstrap.css" rel="stylesheet">

    <!-- DataTables Responsive CSS -->
    <link href="vendor/datatables-responsive/dataTables.responsive.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <style>
    td.details-control {
        background: url('images/details_open.png') no-repeat center center;
        cursor: pointer;
    }

    tr.details td.details-control {
            background: url('images/details_close.png') no-repeat center center;
    }

    td.flag-control {
        background: url('images/ban_circle.png') no-repeat center center;
        cursor: pointer;
    }



      table {
            table-layout:fixed;
        }

            .word-break-all{
                word-break:break-all;
            }
        </style>

</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->


        <div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                       <h4></h4>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                          <button class="btn btn-default" data-toggle="confirmation">Confirmation</button>

向底部:

<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-confirmation.js"></script>

我的 javascript 有:

$(文档).ready(函数() {

     $('[data-toggle=confirmation]').confirmation({
        rootSelector: '[data-toggle=confirmation]'
        // other options
        });
});

点击按钮没有任何反应

最佳答案

您确定文件位于正确的位置吗？在 <script> 的 2 个中标签，你有一个 vendor路径中的前缀，但在第三个路径中你没有。那是对的吗？我们需要查看您的文件系统才能知道。

打开浏览器的网络检查器 - 是否显示 404？做了 bootstrap-confirmation.js真的加载了吗？

编辑:我创建了一支笔:http://codepen.io/anon/pen/OpegVE它在那里工作。我看到的一个问题是 bootstrap-confirmation 的原始版本可能与 bootstrap 3.x.x 不兼容。这个 fork :https://github.com/tavicu/bs-confirmation声称与bootstrap 3兼容。我制作的笔使用您在原始帖子中提到的boostrap-confirmation版本，并且还链接了bootstrap 2.3.1，它们都可以协同工作。

TL;DR:您的插件版本和您的 boostrap 版本可能不兼容，并且无声地失败？值得研究。

关于javascript - Bootstrap 模式没有出现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43147117/

24 4 0
文章推荐： android - 使用来自 Firebase 控制台的特定数据填充 ListView
文章推荐： php - ajax环境下mysql迁移到mysqli
文章推荐： android - 当 HTTP 状态代码有错误时无法解析响应对象
文章推荐： android - 7.0及以上版本应用被杀后重启服务
行者123
个人简介

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

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