Question

我正在尝试使用'bootply.com/'中的代码在我的页面上使用功能性灯箱，但它似乎无法正常工作。它可以作为链接使用，但不能作为灯箱使用。我得到一个与Javascript有关的错误，其中说'$未定义'，但我似乎无法找到问题。我只是复制代码，所以不确定我错过了什么！

  <script type="text/JavaScript">
$('.thumbnail').click(function(){
    $('.modal-body').empty();
    var title = $(this).parent('a').attr("title");
    $('.modal-title').html(title);
    $($(this).parents('div').html()).appendTo('.modal-body');
    $('#myModal').modal({show:true});
});

http://www.bootply.com/71401

感谢任何帮助。

Answer 1

你必须包含jQuery。

如果你有jQuery lib那么

<script src="jquery-1.11.2.min.js"></script>

或

使用jQuery CDN

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Answer 2

你错过了jQuery库..

在尝试使用$

之前，请将其包含在HTML的顶部

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

或者你可以下载jQuery库并自己引用它。

这应解决问题。

Boostrap灯箱未按预期工作

2 个答案: