Javascript 我想在页面加载时显示模式对话框，也可以使用按钮切换，两者都可以

问题是，我需要在页面加载时同时显示模式对话框和按钮切换。现在按钮切换工作正常，我在wordpress网站中使用Bootstrap3.3.7，该网站是用我自己的模板构建的。但我无法在页面加载时显示模式对话框。我将bootstrap.min.js与jquery依赖项一起排队，对于我的站点的其余功能，它们都像预期的那样工作。这是我正在使用的代码

var jqmodalshow=jQuery.noConflict（）；
jqmodalshow（document）.ready（function（）{
jqmodalshow（#myModal”）.modal（'show'）；
});

按钮
订阅我们的时事通讯
&时代；
订阅我们的邮件列表，直接在您的收件箱中获取最新更新

订阅
问题是因为您为创建模式而编写的HTML格式不正确。您在两个位置重复了相同的
id
，这是无效的，并且您已经创建了
.modal
和
.modal dialog
的嵌套副本。JS是有效的，可以工作

如果您修复了HTML问题，那么代码工作正常


jQuery（$=>{
$（“#myModal”）.modal（'show'）；
});

按钮
订阅我们的时事通讯
&时代；
订阅我们的邮件列表，直接在您的收件箱中获取最新更新

订阅
您有两个id为
myModal
的元素，这可能会给您带来错误。您必须为他们提供不同的ID：

<div id="myModalDialog" class="modal fade" role="dialog">
…
<div id="myModal" class="modal fade">
…

感谢您的回复，并对粗心大意的重复id元素表示抱歉，但仍然不起作用，控制台消息显示UncaughtTypeError:$（…）。modal不是HTMLDocument中的函数。（（索引）：1379）在e（jquery.min.js？ver=3.5.1:2）在t（jquery.min.js？ver=3.5.1:2）我在检查是否有重复的jquery，bt看起来一切正常。这个错误意味着你没有在页面中正确包含引导。我在不同的站点检查了两个答案，两个都工作正常，现在我不知道是什么导致了我的网站出现问题……我想另一个人已经告诉过你，bootstrap.js可能没有正确实现。没错。我有两个jquery版本，在同一个项目中，我删除了旧版本，留下了最新版本，但当我放入enqueue引导文件时，我更改了函数中句柄参数的名称，wp_enqueue_脚本（'jquery_最新'…其余参数）；我刚刚删除了jquery。在那之后，它工作得很好。这个wordpress页面对我也有很大帮助
var jqmodalshow = jQuery.noConflict();
jqmodalshow(document).ready(function(){
        jqmodalshow("#myModalDialog").modal('show');
        jqmodalshow("#myModal").modal('show');
    });