button.click（）在IE11下不起作用

Question

我用以下腳本創建了一個jqx菜單：

<ul style='width: 200px;'>
    <li onclick="logOffButton.click();">Sign off</li>
</ul>

因此，一旦用戶單擊菜單項，我想在“ logOffButton”上觸發單擊事件。 該按鈕的代碼：

<form id="logOff" action="www.example.com" method="get">
    <input type="button" id="logOffButton" placeholder="Are you sure you want to log off?" onclick="UserConfirm(this)" style="display: none;" />
</form>

因此，一旦觸發了按鈕單擊，它就會創建一個JS警報消息，如果用戶按下OK，它將提交表單。

問題是，盡管在Chrome和Firefox上可以正常工作，但在IE11下卻無法工作。

完整的代碼可以在這里找到： http : //jsfiddle.net/82xhy/1/

Answer 1

嘗試這個：-

將<li onclick="logOffButton.click();">Sign off</li>替換為

 <li onclick="$('#logOffButton').click();">Sign off</li>

演示

Answer 2

基本上，您的代碼是錯誤的，並且可以在chrome和其他瀏覽器上使用，因為它們試圖理解您的意思。 logOffButton.click()指向任何內容，即太糟糕了，所有人都無法理解您的意思。 $('#logOffButton').click(); 或document.getElementById('logOffButton'); 將解決此問題，因為它們都精確指向您需要的位置，並且不需要瀏覽器“猜測”

$('#logOffButton')和document.getElementById('logOffButton'); 是元素選擇器，第一個是jquery，第二個是javascript。