jquery引导模型不是一个函数

jquery引导模型不是一个函数,jquery,bootstrap-4,drupal-7,Jquery,Bootstrap 4,Drupal 7,我试图在单击时打开引导模式。我使用的是Drupal7和最新版本的bootstrap。4.3.1 JS文件 jQuery.noConflict(); (function($){ $(function() { $('#myButton').click(function (e) { console.log('button clicked'); $('#exampleModal').modal('show'); }); }); })(jQuery); HTML 如何成

我试图在单击时打开引导模式。我使用的是Drupal7和最新版本的bootstrap。4.3.1

JS文件

jQuery.noConflict();
(function($){
 $(function() {
  $('#myButton').click(function (e) {
    console.log('button clicked');
    $('#exampleModal').modal('show');
    });
  });
})(jQuery);
HTML


如何成功打开此模式?

检查jQuery是否未包含两次

在调用Modal之前检查引导程序的javascript是否已加载

把你的代码包起来

$document.readyfunction${ //你的代码 } 只是想确定一下

正如您提到的,您使用的是Bootstrap4,您不需要onclick函数。您可以在按钮上使用data target=examplemodel打开具有class=modal的特定id的模态。 下面是同样的例子。 引导示例 模态示例 开放模态 模态标题 &时代; 情态体。。 关
请注意$document.on ready,handler,从jQuery 1.8起已弃用。您应该改用$handler
<div id='exampleModal'>
"Uncaught TypeError: $(...)modal is not a function