2017-02-21 113 views
-1

我有一個腳本,工作正常,直到我添加另一個腳本。當添加其他腳本時,我得到控制檯錯誤。無法讀取'null'屬性'衝突'

Uncaught TypeError: Cannot read property 'on' of null at mapForm

我正在將我自己的腳本與JotForm集成在一起,所以我加載了一對夫婦庫。我試圖設定一個沒有運氣的衝突。

https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js 

function mapForm() {  
    var JotFirst = document.getElementById("first_4"), 
     ACFirst = document.getElementById("firstname"); 
     JotFirst.addEventListener('input', function() { 
      ACFirst.value = JotFirst.value; 
     }); 
    var JotLast = document.getElementById("last_4"), 
     ACLast = document.getElementById("lastname"); 
     JotLast.addEventListener('input', function() { 
      ACLast.value = JotLast.value; 
     }); 
     JotProd = $("input[type='checkbox'][id='input_5_1000']"); 
     ACProd = $("input[type='checkbox'][id='extra_mf_1_515']"); 
     JotProd.on("change", function() { 
      ACProd.prop("checked", this.checked); 
     }); 
    $("#input_5_custom_1000_0").change(function() {  
     var el = $(this) ;  
     if(el.val() === "Option Two") { 
     document.getElementById("extra_mf_3_516").selectedIndex = "1"; 
     } 
     else if(el.val() === "Option Three") { 
     document.getElementById("extra_mf_3_516").selectedIndex = "2"; 
     } 
    }); 
} 
window.onload = mapForm; 

上面的代碼可以正常工作。

https://cdn.jotfor.ms/static/prototype.forms.js 
https://cdn.jotfor.ms/static/jotform.forms.js

當這些被引入時,我的腳本停止工作。我搜索並搜索並嘗試瞭解我所知道的一切。

這裏是有問題的網頁:https://btwebnetwork.com/scripts/multi-submission-form/AllClients.php

+0

感謝您指出了這一點。我很懶。今天早上匆忙。如果需要,我會進一步編輯。真的希望得到這個想法。 – jarmerson

+0

如果你設置了''JotProd'變量'console.log',你看到了什麼? – ValLeNain

+0

未捕獲TypeError:無法在window.onload(AllClients.php:72) – jarmerson

回答

0

你必須確保taht的JotProd變量不是NULL,你可以像下面這樣做

if(JotProd){ 
    JotProd.on("change", function() { 
     ACProd.prop("checked", this.checked); 
    }); 
} 
+0

@Downvoter請評論。 – user3378165

+0

我確實嘗試過這種變體,但可能會將其寫入。當我重新開始工作時,我會再試一次。 Thnx – jarmerson

+0

這沒有奏效。同樣的錯誤。 – jarmerson