Javascript 通过单击标签创建jQuery调用模型

我正在尝试实现一个特性，当用户单击一个标签或一个模式弹出窗口时

问题

• 我不能使用Label元素打开，但是如果我使用按钮（使用相同的代码），它会工作
• 如果我删除hello上的注释，我可以看到警报（因此代码输入jquery语句）

这是我的代码（只是来自引导站点的代码）

HTML

<label id="some-label">Something</label>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

---

您的代码无法工作，因为您正在绕过显示模式的标准引导逻辑。您正在调用

show（）

，但由于

fade

类，元素仍然设置为

opacity:0

，因此不显示任何内容

要解决此问题，请在触发器元素（

data target

和

data toggle

）上使用适当的

data

属性。这样，您就不需要包含任何显式JS，因为引导将为您带来繁重的负担：

某物
&时代；
情态标题
...
接近
保存更改

您的代码无法工作，因为您绕过了显示模式的标准引导逻辑。您正在调用

show（）

，但由于

淡入淡出类，元素仍然设置为
不透明度：0
，因此不显示任何内容

要解决此问题，请在触发器元素（
data target
和
data toggle
）上使用适当的
data
属性。这样，您就不需要包含任何显式JS，因为引导将为您带来繁重的负担：



某物
&时代；
情态标题
...
接近
保存更改
仔细查看示例。当模式在
上显示其他更改时，仔细查看示例。当模式在
上显示其他更改时，啊..愚蠢的错误。你是对的。@Rory McCrossan谢谢，你救了我：）啊。。愚蠢的错误。你说得对@Rory McCrossan谢谢你，你救了我：）
$('#some-label').on('click', function() {
     //alert("hello"); 
     $('#myModal').show();        
 });