Javascript 如何关闭&；打开一个类似模态的引导程序

我想创建一个类似引导的模式。。。 我写了以下代码：

<button type="button" data-target="#myModal" class="btn btn-primary">Open Modal</button>

<div class="modal fadeIn" id="myModal">
    <div class="modal-header">
        Roj Framework <span class="close-btn">&times;</span>
    </div>
    <div class="modal-content">
        Hi, This Roj Framework !
    </div>
    <div class="modal-footer">
        Continue ...
    </div>
</div>

---

您的代码有一些错误

错误1:

在这里：

if（'boxID'='modalBoxAttr'）

您当前正在检查

字符串

，而不是

对象

。您所写的内容如下：

如果字符串“boxId”等于字符串“modalBoxAttr”，请执行某些操作。而且两个字符串都不相同，因此会得到

false

结果

错误2:

你把代码复杂化太多了

你可以这样简化它

$（“按钮”）。单击（函数（）{
var-boxID=$（this.data（'target'）；
var-boxObject=$（boxID）；
if（boxObject.length）{
toggle（）；
}
});
.modal{display:none；}

开放模态
Roj框架与时代；
嗨，这是Roj框架！
继续。。。
尝试以下方法

从按钮中删除数据目标=“#myModal”

我想你可能误解了这个问题。@prabhakaran感谢你的回答，我的朋友，但我想你不确定我说了什么……谢谢。。。我有一个问题，我不明白为什么我的错误1是不正确的。。。因为我已经检查了两个字符串&它们具有相同的值…@alibahari您必须对
对象执行检查。所以应该这样写：
if（boxID==modalBoxAttr）
不带括号。如果将对象括在括号中，它们将变为字符串。谢谢，我还有一个问题…“boxObject.length”是什么意思？@alibahari如果对象存在，它将返回
1
，这是一个
truthy
值。如果对象不存在，它将返回
0
，这是一个
falsy
值。因此，通过这个
if
我检查对象是否存在于DOM中。
$('.modal').css('display', 'none');

$('button').click(function(){
    var boxID = $(this).data('target');
    var modalBox = $('.modal');
    var modalBoxAttr = modalBox.attr('id');
    if('boxID' == 'modalBoxAttr') {
        modalBox.css('display', 'block');
    }
});

  <button type="button"  class="btn btn-primary">Open Modal</button>

$('button').click(function(){
 $("#myModal").modal('show');
}});