本文介绍了如何避免jquery版本冲突?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述





我正在使用asp.net应用程序。



在主页上我有使用了像调查窗口一样的滑出式winndow,



,在内容页面中,我使用了jquery timecontrol。



但两个jquery都没有同时工作。两个jqueries都是强制性的。



请帮帮我。



我的主页代码是:





Hi ,

I am working on asp.net application.

In masterpage i have used slideout winndow like survey window,

and in content page , i have used jquery timecontrol.

But both jquery no working at a same time.Both jqueries are compulsory.

Please help me.

My master page code is :


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

    <script src="js/jquery.tabSlideOut.v1.3.js"></script>

         <script>
             $(function () {

                 jQuery('.slide-out-div').tabSlideOut({
                     tabHandle: '.handle',                              //class of the element that will be your tab
                     pathToTabImage: 'images/benefits.jpg',          //path to the image for the tab (optionaly can be set using css)
                     imageHeight: '590px',                               //height of tab image
                     imageWidth: '14px',                               //width of tab image
                     tabLocation: 'right',                               //side of screen where tab lives, top, right, bottom, or left
                     speed: 300,                                        //speed of animation
                     action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                     topPos: '110px',                                   //position from the top
                     fixedPosition: true                               //options: true makes it stick(fixed position) on scroll
                 });
             });

         </script>







和内容页面代码为:






And Content page code is :

  <script type="text/javascript" src="js/jquery.min.js"></script>
   <link href="bstrap/bootstrap-combined.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" media="screen"
     href="bstrap/bootstrap-datetimepicker.min.css"/>

    <script type="text/javascript" src="bstrap/bootstrap-datetimepicker.min.js">
    </script>


<body>
<script type="text/javascript">
    function pageLoad() {
        $('#datetimepicker1').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#datetimepicker2').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#datetimepicker3').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#datetimepicker4').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#datetimepicker5').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });

        $('#adatetimepicker1').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#adatetimepicker2').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#adatetimepicker3').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#adatetimepicker4').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
        $('#adatetimepicker5').datetimepicker({
            format: 'hh:mm:ss',
            language: 'pt-BR', pickDate: false
        });
    }
    </script>
</body>











Please帮我解决这个问题,对不起英语很差






Please help me to sort out this problem and sorry for poor english

推荐答案







和内容页面代码为:






And Content page code is :

  <script type="text/javascript" src="js/jquery.min.js"></script>
   <link href="bstrap/bootstrap-combined.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" media="screen"
     href="bstrap/bootstrap-datetimepicker.min.css"/>

    <script type="text/javascript" src="bstrap/bootstrap-datetimepicker.min.js">
    </script>


<body>
<script type="text/javascript">
    function pageLoad() {




这篇关于如何避免jquery版本冲突?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-27 12:44