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

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

我看到了幾個問題，其中一些將徹底打破這個問題（重復的函數定義），而另一些則不是最佳設計。 您不需要兩次加載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>

為了能夠在初始頁面加載時隱藏某些列，請考慮以下內容：

更新 ：

<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>