爲什麼我點擊按鈕不起作用。 JavaScript/jQuery

只是想知道是否有人可以快速指出我的JSfiddle鏈接下面爲什麼點擊不起作用。爲什麼我點擊按鈕不起作用。 JavaScript/jQuery

破壞我的頭，我試過多種不同的事件綁定技術，但不能seme讓它工作。

HTML：

<form method="GET"> 
    <input type="button" id="inject_XML_details" value="Show Details" /> 
    </form> 
    <div id="xml_details">asd</div>

的JavaScript：

function loadTemp(){ 
$("#xml_details").append("<p class='myBold'>" + "LOLOLOLOL" + "</p>"); 
}); 
     $("#inject_XML_details").on("click",function(){ 
      $("#xml_details").empty(); 
      loadTemp();  
     });

http://jsfiddle.net/nLRvH/17/ 更新時間：http://jsfiddle.net/nLRvH/19/

來源

2014-01-05 user1839601

我的鉻什麼都不說，只是> – user1839601

定期功能是關閉的只有'}' ，而不是'}）;'，並且我的Chrome顯示錯誤 – adeneo

此外，案件事宜，選擇器和ID不匹配 – adeneo

你已經得到後功能loadTemp不必要的支架。

function loadTemp(){ 
    $("#xml_details").append("<p class='myBold'>" + "LOLOLOLOL" + "</p>"); 
}

代替

(...) 
});

正如@ jmore009指出，選擇是區分大小寫的 - 在選擇你所擁有inject_xml_details，在JS - inject_XML_details

來源

2014-01-05 19:05:04 Andy

謝謝你，我的朋友。 – user1839601

兩件事情：

你在function loadTemp(){ });之後有額外的)，並且您打電話給#inject_XML_details並且它是#inject_xml_details

來源

2014-01-05 19:05:58 jmore009

林不知道，但你的網頁上點擊按鈕重新加載？在這種情況下：

$("#inject_XML_details").on("click",function(e){ 
     e.preventDefault() 
     $("#xml_details").empty(); 
     loadTemp();  
    });

來源

2014-01-05 19:07:12

您的ID有大小寫，它們不匹配。這裏是一個工作小提琴FIDDLE。我只是在測試時將下劃線更改爲連字符，但是您的問題是因爲ID不匹配。我也刪除了不必要的括號。

您的目標是#inject_XML_details，在HTML中的ID是inject_xml_details xml，小寫。

function loadTemp() { 
    $("#xml-details").append("<p class='myBold'>" + "LOLOLOLOL" + "</p>"); 
}; 
$("#inject-xml-details").on("click", function() { 
    $("#xml-details").empty(); 
    loadTemp(); 
});

來源

2014-01-05 19:11:54

問題是$函數是區分大小寫的，因此與$（'a'）不是同一個$（'A'）。

更好的例子：

$("#inject_xml_details") and $("#inject_XML_details") are different.

它現在的工作，請大家看看：

http://jsfiddle.net/SabdielRivera/nLRvH/23/

來源

2014-01-05 19:52:28 sabdiel

爲什麼我點擊按鈕不起作用。 JavaScript/jQuery

回答

相關問題