为什么我点击按钮不起作用。 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

回答

相关问题