JQuery冲突

时间:2012-01-03 00:04:24

标签: jquery conflict

我有一个奇怪的情况,两个JQueries有冲突。

以下是代码:

第一个代码:

此代码用于在页面左侧生成树列表并修改页面的某些部分

<script type="text/javascript">

    $(document).ready(function() {
        $("#generate").click(function() {
            var texts = [];
            $("form label").each(function() {
                var oLabel = $(this);
                var oInput = oLabel.next();
                if(oLabel.val() == "Best Regards,")
                {
                    alert(oInput.val());
                    texts.push(oLabel.text());
                    texts.push(oInput.val());
                }
                else
                    texts.push(oLabel.text() + " " + oInput.val());
            });
                texts[0] += " " + texts[1];
                texts[1] = texts[2] + " " + texts[3];
                for(i=4;i<texts.length;i++)
                    texts[i-2] = texts[i];
                texts[texts.length-2] = texts[texts.length-3];
                texts[texts.length-3] = $("#agent").val() ;
                texts[texts.length-1] = null;
            $("#cont").fadeOut('fast').hide();
            $("#fe_text").html(texts.join("\n"));
            $("#template").css('visibility','visible');
            $("#template").fadeIn('slow').show();

        });
    });
</script>

第二代码:

此代码用于将特定<textarea>复制到剪贴板

<script type="text/javascript" src="swf/ZeroClipboard.js"></script>
<script language="JavaScript">
    var clip = null;
    try
    {
    function $(id) { return document.getElementById(id); }
    }
    catch(e)
    {
        alert(e);
    }
    function init() {
        clip = new ZeroClipboard.Client();
        clip.setHandCursor( true );

        clip.addEventListener('load', function (client) {
            debugstr("Flash movie loaded and ready.");
        });

        clip.addEventListener('mouseOver', function (client) {
            // update the text on mouse over
            clip.setText( $('fe_text').value );
        });

        clip.addEventListener('complete', function (client, text) {
            debugstr("Copied text to clipboard: " + text );
        });

        clip.glue( 'd_clip_button', 'd_clip_container' );
    }

    function debugstr(msg) {
        var p = document.createElement('p');
        p.innerHTML = msg;
        $('d_debug').appendChild(p);
    }
</script>

这是错误(使用Google Chrome JS控制台)。

Uncaught TypeError: Cannot call method 'treeview' of null
  (anonymous function)template2.php:17
  c.extend.readyjquery-1.4.min.js:314
  Mjquery-1.4.min.js:483
template2.php:91Uncaught TypeError: Cannot call method 'hide' of null
  (anonymous function)template2.php:91
  onload

我希望有人能帮助我。

1 个答案:

答案 0 :(得分:4)

你正在取代jQuery的$功能 不要那样做。相反,使用jQuery。