Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导模式被阻止_Javascript_Bootstrap Modal - Fatal编程技术网

Javascript 引导模式被阻止

Javascript 引导模式被阻止,javascript,bootstrap-modal,Javascript,Bootstrap Modal,我已经编写了一个代码,使用引导模式显示弹出窗口 它工作了,但是所有元素都被阻塞了。我不知道我的代码出了什么问题 这是我的密码: <div id="add_data_Modal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">

我已经编写了一个代码,使用引导模式显示弹出窗口

它工作了,但是所有元素都被阻塞了。我不知道我的代码出了什么问题

这是我的密码:

<div id="add_data_Modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add data</h4>
            </div>
            <div class="modal-body">
                <form method="post" name="insert_form" id="insert_form">
                    <label>Số thuê bao</label>
                    <input type="text" name="name" id="name" class="form-control" />
                    <br />
                    <label>Speed number</label>
                    <input type="text" name="spd_number" id="spd_number" class="form-control" />
                    <br />
                    <label>Dial number</label>
                    <input type="text" name="dial_number" id="dial_number" class="form-control"/>   
                    <br />
                    <input type="submit" name="insert" id="insert" value="ADD" class="btn btn-success"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

&时代;
添加数据
số thuêbao

速度数
拨号号码
接近
您可以通过此链接解决您的问题


就像有不同的css文件一样,检查css文件是否也存在。因为有时您添加的类或ID可以被覆盖

您可以通过此链接解决您的问题


就像有不同的css文件一样,检查css文件是否也存在。因为有时您添加的类或ID可以被覆盖

请检查您的代码,我认为原因可能是您的代码冗余或缺少关闭标记。通常缺少或超过
div
标记。

请检查您的代码,我认为原因可能是您的代码冗余或缺少一个关闭标记。通常缺少或过多的
div
标记。

我猜id=“add\u data\u Modal”的CSS在您的Modal之上,这就是您无法访问它的原因,但我不确定,因为您没有提供任何CSS代码。请与文档一起正确使用它会起作用。如果这是正确的,你一定添加了一些额外的css。我已经创建了一个小提琴,它工作得很好,试着看看你的js控制台,可能有一些错误,然后用@Ashishsah发布js和css代码usedAgree。如果你打算使用类似引导的东西,除非你知道自己在做什么,否则不要开始随机加入你自己的CSS。我猜id=“add_data_Modal”的CSS在你的Modal之上,这就是你无法访问它的原因,但我不确定,因为你没有提供任何CSS代码。正确地与文档一起使用它会起作用。如果这是正确的,你一定添加了一些额外的css。我已经创建了一个小提琴,它工作得很好,试着看看你的js控制台,可能有一些错误,然后用@Ashishsah发布js和css代码usedAgree。如果你打算使用类似于引导的东西,除非你知道你在做什么,否则不要开始随机加入你自己的CSS。对我来说,这是因为对话框所在的包含元素有一个z索引集。没有设置为更高的值,但堆叠上下文使其堆叠到后面。非常有用的链接。对我来说,这是因为对话框所在的包含元素有一个z索引集。没有设置为更高的值,但堆叠上下文使其堆叠到后面。非常有用的链接。