javascript - 第二个 jQuery toggle() 文件破坏了第一个 toggle() 方法

Question

我的页面上包含一个使用 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();
}); 

它破坏了第一个代码，并且两个代码都不起作用。为什么是这样？

Answer 1

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

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

其余的一切都很好，并且会工作

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