Question

这是我试图在我的网站标题中组合的两个javascripts，第一个脚本用于我的标签菜单，第二个脚本用于我的内容滑块。任何帮助将不胜感激。

    <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript">
        $(function(){

            $('#tabs').tabs();

            $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); }, 
                function() { $(this).removeClass('ui-state-hover'); }
            );

        });
    </script>


    <script type="text/javascript" src="javascripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script>
     <script type="text/javascript">
        $().ready(function() {
            $('#coda-slider-1').codaSlider();
        });
     </script>

Answer 1

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script>

<script type="text/javascript">
    $(function(){
        $('#tabs').tabs();

        $('#dialog_link, ul#icons li').hover(
            function() { $(this).addClass('ui-state-hover'); }, 
            function() { $(this).removeClass('ui-state-hover'); }
        );

        $('#coda-slider-1').codaSlider();
    });
 </script>

Answer 2

您要添加两次jquery库，一次是版本1.3.2，一次是1.6.2。我建议删除最低版本。

Answer 3

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="javascripts/jquery.coda-slider-2.0.js"></script>

<script type="text/javascript">

   $().ready(function() {
        $('#tabs').tabs();

        $('#dialog_link, ul#icons li').hover(
            function() { $(this).addClass('ui-state-hover'); }, 
            function() { $(this).removeClass('ui-state-hover'); }
        );

        $('#coda-slider-1').codaSlider();

    });

</script>

你可以尝试这个。并且您已经添加了两次jquery库，无需执行此操作。有时它会产生问题，而更多的jquery库会降低页面加载性能，所以要小心添加jquery库。

如何组合两个Javascripts

3 个答案: