jquery 未使用 twitter 引导程序执行答案

【问题标题】：jquery not executed with twitter bootstrapjquery 未使用 twitter 引导程序执行
【发布时间】：2014-01-08 03:59:12
【问题描述】：

我刚开始使用 Twitter Bootstrap，效果很好。

但是我正在尝试添加一些自定义 jquery 代码。

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.js'></script>
<script type='text/javascript' src="dist/js/bootstrap.min.js"/>
<script type='text/javascript'>
    $(document).ready(function(){
        $( "#link" ).click(function() {
            alert( "Handler for .click() called." );                
        });
    });
</script>

不知何故，JS 警报没有被触发。

知道这里有什么问题吗？

相关的#link标签如下：

<p><a id="link" class="btn btn-default" href="#" role="button">View details</a></p>

【问题讨论】：

1.7.2?你知道它现在是 1.10.2 吗？
你有重复的ID吗？
页面加载时link 肯定存在吗？
如果您在文档加载后将#link 添加到页面，请考虑使用委托：$(document).on('click', '#link', function () { });...
我最喜欢隐形的答案。

标签： javascript jquery twitter-bootstrap

【解决方案1】：

你不能像这样自行关闭<script>标签：

<script type='text/javascript' src="dist/js/bootstrap.min.js"/>

改成：

<script type='text/javascript' src="dist/js/bootstrap.min.js"></script>

然后确保don't have two elements with the same link ID、<a id="link">、exists on page load，并可能在事件处理程序之外包含alert，以确保代码块完全运行。

【讨论】：

@Ravimalya 对不起，但在哪里？我看不到它
工作正常。非常感谢！