第二个jQuery toggle()文件打破了第一个toggle()方法

时间:2013-09-11 07:25:40

标签: javascript jquery

我的网页上有一个使用javascript的文件,其中一些代码是:

 function( $ ) {
var u = $;
function wm_toggle_section( section_id ) {
    var b = document.getElementById( 'section_' + section_id ), id,
        hash, d,
        bb = b.getElementsByTagName( 'button' )[0], i, e, closed, reset = [];
    if( u( b ).hasClass( 'openSection' ) ) {
        u( b ).removeClass( 'openSection' );
        u( bb ).text( 'Show' );
        closed = true;
    } else {
        reset.push( b );
        u( b ).addClass( 'openSection' );
        u( bb ).text( 'Hide' );
    }
    for ( i = 0, d = ['content_','anchor_']; i<=1; i++ ) {
        e = document.getElementById( d[i] + section_id );
        if ( e && u( e ).hasClass( 'openSection' ) ) {
            u( e ).removeClass( 'openSection' );
        } else if( e ) {
            reset.push( e );
            u( e ).addClass( 'openSection' );
        }
    }

工作正常。

但是,如果我添加另一个带代码的文件

http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js 
$("button").click(function(){
  $("p").toggle();
}); 

它打破了第一个代码,两个代码都不起作用。 为什么是这样?

1 个答案:

答案 0 :(得分:0)

在标题中添加一次jquery库,并删除以下脚本包含的任何其他情况,如果包含两次或更多次,则所有变量都将被重置。

仅在文件包含中删除此行 - &gt; http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

其余的一切都很好并且可以正常工作

$("button").click(function(){
  $("p").toggle();
});