两个jquery不起作用

时间:2011-03-03 12:37:14

标签: jquery asp.net master-pages

我有两个jquery(可以增加),其中一个是masterpage,另一个是在contentpage ...首先我添加了contentpage查询(这是一个水平的手风琴菜单),它工作得很完美,然后我需要第二个(获得)在主页中可折叠面板标题位置...但是在添加第二个之后,它们都没有工作......究竟是什么问题......

示例代码

这首先添加到我的内容页面中制作水平手风琴菜单:

     <script src="jquery.zaccordion.js" type="text/javascript"></script>
        <script src="jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="jquery.zaccordion.min.js" type="text/javascript"></script>


/*In MasterPage to Horizontal accordion*/
 <script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript">
/*Second query plugin*/

 <script type="text/javascript">
        $(document).ready(function () {
            $("#featured").zAccordion({
                width: 600,
                height: 260,
                tabWidth: 75
            });
        });
    </script>

第二个添加代码,根据展开和折叠更改可折叠面板的标题面板位置。

<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript">
        $(document).ready(function () {
            var bodyHeight = $(document).height();
            var panelHeight = $('#pnlSearchContent').height(); --CP content panel height
            var panelHeightPosition = bodyHeight - panelHeight;
            $('#pnlSearchTitle').offset().top = panelHeightPosition;   -- CP Title panel final position
        });
    </script>

2 个答案:

答案 0 :(得分:2)

看来您正在使用2个jQuery插件并包含两次Jquery js文件(每个插件一次)

您必须只包含一次Jquery js文件,这两个文件将被插件js文件使用。

当您查看源代码时,您的html应如下所示:

//this is the actual jquery javascript file.
<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="Plugin-1.js"></script>

<script type="text/javascript" src="Plugin-2.js"></script>

由于

答案 1 :(得分:1)

只需从代码中删除<script src="jquery-1.4.2.min.js" type="text/javascript"></script>,您就已经从外部网站添加了jquery-1.5.js