在內容編輯器Web部件中添加兩個或多個腳本jquery Sharepoint 2007

Question

我想在我的NewForm.aspx中插入jQuery中的兩個或多個腳本。我在內容編輯器Web部分編寫了許多在線教程中的代碼。

我有兩個腳本單獨工作，但是當我合併腳本不起作用（正好工作只是其中之一）。

這是我在內容編輯代碼：

<p> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.js"> 
    </script> 
    <script type="text/javascript"> 
    function HideColumn(targetColumn, hideColumn) { 
     var columnObj = $("input[Title='" + hideColumn + "']"); 
     $("input[Title='" + targetColumn + "']").bind('click',function() { 

      if($(this).is(':checked')) {     
       columnObj.closest("tr").show(); 
      } 
      else { 
       columnObj.closest("tr").hide(); 
      } 
     });  
     } 

    $(document).ready(function() { 
      HideColumn('sino','descrizione'); 
     }); 
    </script> 

    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.js"> 
    </script> 
    <script type="text/javascript"> 
    function HideColumn(targetColumn, hideColumn) { 
     var columnObj = $("input[Title='" + hideColumn + "']"); 
     $("select[Title='" + targetColumn + "']").bind('click',function() { 

      if($(this).val() == "Pippo") {     
       columnObj.closest("tr").show(); 
      } 
      else { 
       columnObj.closest("tr").hide(); 
      } 
     });  
     } 

    $(document).ready(function() { 
      HideColumn('Scelta','descrizione'); 
     }); 
    </script> 
</p> 

感謝您的幫助，

編輯解決：

This is the correct code: 

<p> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.js"> 
    </script> 
    <script type="text/javascript"> 
    function HideColumn(targetColumn1, hideColumn1, targetColumn2, hideColumn2) { 
     var columnObj1 = $("input[Title='" + hideColumn1 + "']"); 
     $("input[Title='" + targetColumn1 + "']").bind('click',function() { 

      if($(this).is(':checked')) {     
       columnObj1.closest("tr").show(); 
      } 
      else { 
       columnObj1.closest("tr").hide(); 
      } 
     }); 

     var columnObj2 = $("input[Title='" + hideColumn2 + "']"); 
    $("select[Title='" + targetColumn2 + "']").bind('click',function() { 

     if($(this).val() == "Pippo") {     
      columnObj2.closest("tr").show(); 
     } 
     else { 
      columnObj2.closest("tr").hide(); 
     } 
    });  
     } 
     $(document).ready(function() { 
      HideColumn('sino','descrizione','Scelta','Titolo'); 
     }); 
    </script> 

</p> 

問候， 弗朗切斯科

Answer 1

我看到一對夫婦的問題，有些會徹底打破這個（重複的功能n定義）&其他那些不是最佳設計。你不需要兩次加載jQuery庫，你不應該用不同的內容定義兩次相同的函數。

試試這個：

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.js"></script> 
<script type="text/javascript"> 
    function HideColumn(targetColumn, hideColumn) { 
     var columnObj = $("input[Title='" + hideColumn + "']"); 
     $("input[Title='" + targetColumn + "']").bind('click',function() { 

      if($(this).is(':checked') || $(this).val() == "Pippo") {     
       columnObj.closest("tr").show(); 
      } 
      else { 
       columnObj.closest("tr").hide(); 
      } 
     });  
    } 
    $(document).ready(function() { 
     HideColumn('sino','descrizione'); 
     HideColumn('Scelta','descrizione'); 
    }); 
</script> 

也有隱藏在初始頁面加載某些列的能力，考慮以下：

UPDATE：

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.js"></script> 
<script type="text/javascript"> 
    function HideColumnOnLoad(hideColumn) { 
     $("input[Title='" + hideColumn + "']").closest("tr").hide(); 
    } 
    function HideColumnOnClick(targetColumn, hideColumn) { 
     var columnObj = $("input[Title='" + hideColumn + "']"); 
     $("input[Title='" + targetColumn + "']").bind('click',function() { 

      if($(this).is(':checked') || $(this).val() == "Pippo") {     
       columnObj.closest("tr").show(); 
      } 
      else { 
       columnObj.closest("tr").hide(); 
      } 
     });  
    } 
    $(document).ready(function() { 
     HideColumnOnLoad('descrizione'); 
     HideColumnOnClick('sino','descrizione'); 
     HideColumnOnClick('Scelta','descrizione'); 
    }); 
</script>