jQuery jquery.tools.min and jquery.min无法在同一页面(bootstrap)工作

Question

在我的Bootstrap页面中，我使用jquery.tools.min.js进行导航下拉下拉和jquery.min.js用于模型框，该模型框通过其ID显示图像。

如果我使用了jquery.min.js，则模型盒正常工作，但导航不起作用。

我在navigation.php文件中使用了jquery.tools.min.js，因此我的所有页面首先都将其收到。我对jquery.tools.min.js。

有很多内容

现在如何将所有文件放在一起。

我的代码：

<button class="light btn btn-info btn-responsive" id="http://myimage1.jpg">Display</button>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(document).ready(function(){
        $('.light').click(function(){
            var src = $(this).attr('id');
            var img = '<img src="' + src + '" class="img-responsive"/>';
            $('#myModal').modal();
            $('#myModal').on('shown.bs.modal', function(){
                $('#myModal .modal-body').html(img);
            });
           $('#myModal').on('hidden.bs.modal', function(){
                $('#myModal .modal-body').html('');
            });
        });  
    });
</script>

Answer 1

您需要在 jquery.tools.js之前包括 jquery.js ：

如果您希望分别加载jQuery库，则建议的做法是从Google的CDN服务加载jQuery。确保在jQuery工具库之前始终加载jQuery库。

http://jquerytools.github.io/download/

尝试以下操作：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Answer 2

始终您首先需要jQuery链接，然后您可以包含其余的链接...

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<script src="js/bootstrap.min.js"></script>