Javascript jQuery模式仅在单击后打开一次

我有一些问题让我觉得头很重。。。我在这个论坛上寻找了答案，但问题仍然没有解决。 我的问题是我有一个链接到modals的按钮。第一次刷新页面后，当按钮单击时打开模式。但这不是第二次了。 我查过日志，日志上写着

TypeError: $(...).modal is not a function[Learn More]. 

如果我刷新了页面，它将只工作一次，第二次点击按钮，modals不会再次打开

这是我的按钮HTML视图代码

<button class="btn btn-info btn-sm btn-labeled" type="button" id="tambahUser" data-toggle = "modal" value="<?= Url::to(['/module/create'],true)?>">

这是我的模块/创建的控制器（我使用的是Yii2）

public function actionCreate()
{
    $model = new Module();

    if ($model->load(Yii::$app->request->post()) && $model->save()) {
        return $this->redirect(Url::to(['/paneladm/pengaturan/module',true]));
    } else {
        return $this->renderAjax('create', [
            'model' => $model,
        ]);
    }
}

我的问题是为什么模态只打开一次，然后按钮就卡住了。。？如何解决这个问题

注意：-我是jQuery新手，非常感谢您的回答。

---

-我已经在此论坛上搜索并尝试使用创建按钮解决问题，每次单击此按钮都会触发.modal（'close'），但仍然不起作用

您应该使用引导数据属性来触发模式打开和关闭，或者通过javascript手动使用触发器。现在你正试图同时做到这两个方面。看

---

因此，我将删除引导数据属性，然后确保在您自己的javascript之前加载引导脚本。

尝试

$（'modalSignUpSm'）。modal（“open”）或使用
$（'modalSignUpSm'）.modal（'hide'）而不是关闭itIt，这似乎是一个引导问题。您使用的是CDN版本，还是已下载并将
bootstrap.js
文件添加到您的网站中。@罗杰夫：谢谢您的回复。。我已经改了，但它现在仍然有效。模态（“打开”）单击按钮时使模态不打开。当第二次点击时，模态（“隐藏”）仍然没有打开…@DanPhilip:谢谢你的回复。。。我已经使用了我的主题中包含的bootstrap.js。。。不添加手册也不下载。。如果这仍然是一个问题，有没有其他解决方法？解决这个问题的目的也是一样的？@NurulHuda尝试将下载的
boostrap.js
本地文件添加到您的网站。谢谢您的回复。。。我已经更改了指向modals引导程序内容的链接。在中，使用属性值。当我更改为url/site/index（此url中没有表单）时，每次单击按钮时，modals都会打开。但是，当我更改为url/site/contact（表单联系人模型）时，按钮堆栈再次出现。注意：我使用yii2php框架
$('#tambahUser').click(function(event){
    $('#modalSignUpSm').modal({
        backdrop: 'static',
        keyboard: false,
    })
    .modal('show')
    .find('#modalContent')
    .load($(this).attr('value'));
});

$('#tutupModal').click(function(){
    $('#modalSignUpSm').modal('close');
});

public function actionCreate()
{
    $model = new Module();

    if ($model->load(Yii::$app->request->post()) && $model->save()) {
        return $this->redirect(Url::to(['/paneladm/pengaturan/module',true]));
    } else {
        return $this->renderAjax('create', [
            'model' => $model,
        ]);
    }
}