无法触发链接上的点击事件

Question

我的问题是我得到了2个这样生成的aspx控件：

<a id="sortByDate" href="javascript:__doPostBack('sortByDate','')">Date</a>
<a id="sortByLastName" href="javascript:__doPostBack('sortByLastName','')">Last name</a>

所以这些链接允许您对结果进行排序。我试图将它放在一个组合框而不是使用链接。

所以我就这样做了

<select id="sortBySelect" onchange="javascript:sortBy(this);">
       <option value="sortByLastName">Last name</option>
       <option value="sortByDate">Date</option>
</select>

使用此javascript函数

function sortBy(sel) {
    var id = sel.value;
    $("#" + id).trigger("click");
}

因此，当您更改组合框中的选定元素时，我想触发链接上的click事件以调用dopostback进行排序。

到目前为止它什么都没做。我尝试了“点击”，“onclick”，“onClick”，但没有任何效果。不幸的是，这是针对IE怪癖模式的。

我知道，这真的不优雅，但我的时间很短，我需要快速而又脏的东西。我将最终制作一个aspx控件以便很好地处理它。

我有什么想法可以让它在quirks模式下工作吗？

谢谢

Answer 1

尝试更改页面的位置：

document.location = $("#" + id).attr('href');

Answer 2

为什么不直接点击__doPostBack：

function sortBy(sel) {
    var id = sel.value;
    __doPostBack(id,'');   
}

Answer 3

使用：

function sortBy（sel）{ var id = sel.value; alert（$（“＃”+ id）。length）; //只是为了符合元素的存在。 $（“＃”+ id）.click（）; }

实际上，jQuery只触发绑定到元素的任何事件。您正在尝试调用href操作。

如果您不想更改标记，可以试试solution。

否则，您将不得不更改您的html标记以绑定javascript事件＆amp;然后尝试触发它。

祝你好运！

Answer 4

一切都按预期工作！

JSFiddle proof.

确保您的元素为sortById和sortByLastName！

---

的JavaScript / jQuery的

$(document).ready(function(){
    $('#sortByDate').click(function(){
        alert('Sort By Date Click Event fired!');
    })
});
function sortBy(sel) {
    var id = sel.value;
    $("#" + id).trigger("click");
}

---

Alternative

强制window.location更改

的JavaScript / jQuery的

function sortBy(sel) {
    var id = sel.value;
   window.location =  $("#" + id).attr('href');
}

注意：您不会在JSFiddle中看到任何更改：

Refused to display 'https://www.google.ca/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.