jquery - anchor 标记不触发点击事件

Question

这是DEMO
HTML 代码为

<div id="me"></div>

<a id="ok" href="">OK</a>

jquery 代码:

var tr = '';
for (var i = 0; i < 100; i++) {
    tr += '<tr><td>a' + i + '</td></tr>';
}
var table = '<table>';
table += tr;
table += '</table>';
$('#me').append(table);

$('td').each(function(index, value) {
    if ($(this).text() == 'a50') {
        $(this).addClass('yellow').attr('id', 'search');
    }
});    
$('#ok').attr('href','#search');
$('#ok').trigger('click');

待办事项:每个 td 的表格中都有数据。我正在尝试搜索数据。如果找到搜索数据，则添加td，属性类为黄色，id为搜索。我有一个 anchor 标签。 anchor 标记是为了模拟:当单击它时，窗口将滚动到该位置。我还添加了 anchor 标记的内部链接。

现在，单击 Anchor 标签，以便页面导航到 href 位置

问题 该页面未导航到内部链接。 anchor 标签不触发点击是否有问题？但是当我用鼠标单击 anchor 标记时进行导航

Answer 1

点击和导航之间是有区别的。所以当 anchor 标记中是href时，它更像是导航试试这个 fiddle

var tr = '';
for (var i = 0; i < 100; i++) {
    tr += '<tr><td>a' + i + '</td></tr>';
}
var table = '<table>';
table += tr;
table += '</table>';
$('#me').append(table);

$('td').each(function(index, value) {
    if ($(this).text() == 'a35') {
        $(this).addClass('yellow').attr('id', 'search');
    }
});

location.href='#search';