2 javascripts冲突

Question

我有2个javascripts互相冲突，较新的（Zeroclipboard）与较旧的（删除行）冲突，并且不会让删除行一个工作。当我删除zeroclipboard one，删除工作。

尝试添加jQuery.noConflict（）;但似乎没有工作。通过阅读几个解决方案，我决定删除$符号，但仍然没有。

我有一个files.php文件，其中包括header.php文件。我在header.php中添加了custom.js文件，该文件包含许多用于整个项目操作的功能，包括删除行功能。而ZerClipboard的较新脚本在files.php本身。

年长的一个，删除上删除图标点击表中的行，这将无法正常工作后，我补充下：

custom.js

function deleteRow() 
    { 
    var current = window.event.srcElement; 

    while ((current = current.parentElement) && current.tagName !="TR"); 
     current.parentElement.removeChild(current); 
    } 
$(document).ready(function() 
    { 
     $('table#delTable td a.delete').click(function() 
     { 
      if (confirm("Are you sure you want to delete?")) 
      { 
       var fid = $(this).parent().parent().attr('fid'); 
       var str=$(this).attr('rel'); 
       var data = 'fid=' + $(this).attr('rel') + '&uid=' + $(this).parent().attr('rel'); 
       var deletethis = '#tr' + $(this).attr('rel');   
       var parent = $(this).parent().parent(); 
       $.ajax(
       { 
         type: "POST", 
         url: "delete.php", 
         data: data, 
         cache: false, 

         success: function(msg) 
         { 
          $(deletethis).fadeOut('slow', function() {$(this).remove();}); 
         } 
       });    
     } 
    }); 
    $('table#delTable tr:odd').css('background',' #FFFFFF'); 
}); 

ZeroClipboard的JS和SWF ，随着这js复制剪贴板上的一些文字分享图标点击：

files.php

<script type="text/javascript" src="js/ZeroClipboard.js"></script> 
<script language="JavaScript"> 

    var clip = null; 
    function $(id) { return document.getElementById(id); } 
    function init() 
    { 
     clip = new ZeroClipboard.Client(); 
     clip.setHandCursor(true); 
    } 
    function move_swf(ee) 
    {  
     copything = document.getElementById(ee.id+"_text").value; 
     clip.setText(copything); 
     if (clip.div) 
     {  
      clip.receiveEvent('mouseout', null); 
      clip.reposition(ee.id);   } 
     else{ clip.glue(ee.id); } 
     clip.receiveEvent('mouseover', null); 
    }  
</script> 

我用这个博客帖子实现多zerclipboard - http://blog.aajit.com/easy-multiple-copy-to-clipboard-by-zeroclipboard/ 而且，这里是由files.php页面生成的HTML源 - http://jpst.it/tlGU

Answer 1

删除你的第二个脚本如下函数定义：

function $(id) { return document.getElementById(id); }

因为这是重新定义您的$对象window上下文，因为当您在第一个脚本中使用$时，您并未使用jquery，而是使用新函数定义。

希望这有助于

Answer 2

这里是你应该如何使用noConflict()：

function deleteRow() 
    { 
    var current = window.event.srcElement; 

    while ((current = current.parentElement) && current.tagName !="TR"); 
     current.parentElement.removeChild(current); 
    } 

jQuery.noConflict(); // Reinitiating $ to its previous state 
jQuery(document).ready(function($) // "Protected" jQuery code : $ is referencing jQuery inside this function, but not necessarily outside 
    { 
     $('table#delTable td a.delete').click(function() 
     { 
      if (confirm("Are you sure you want to delete?")) 
      { 
       var fid = $(this).parent().parent().attr('fid'); 
       var str=$(this).attr('rel'); 
       var data = 'fid=' + $(this).attr('rel') + '&uid=' + $(this).parent().attr('rel'); 
       var deletethis = '#tr' + $(this).attr('rel');   
       var parent = $(this).parent().parent(); 
       $.ajax(
       { 
         type: "POST", 
         url: "delete.php", 
         data: data, 
         cache: false, 

         success: function(msg) 
         { 
          $(deletethis).fadeOut('slow', function() {$(this).remove();}); 
         } 
       });    
     } 
    }); 
    $('table#delTable tr:odd').css('background',' #FFFFFF'); 
}); 

而且在files.php：

<script src="js/ZeroClipboard.js"></script> 
<script> 

    var clip = null; 

    function $(id) { 
     return document.getElementById(id); 
    } 

    function init() { 
     clip = new ZeroClipboard.Client(); 
     clip.setHandCursor(true); 
    } 

    function move_swf(ee) { 
     copything = document.getElementById(ee.id + "_text").value; 
     clip.setText(copything); 
     if (clip.div) { 
      clip.receiveEvent('mouseout', null); 
      clip.reposition(ee.id); 
     } else { 
      clip.glue(ee.id); 
     } 
     clip.receiveEvent('mouseover', null); 
    } 
</script>