jQuery 无法触发对 link 的点击

Question

我在视图中有一个link：

<small><a href="javascript:void(0);" id="morelink">Show more</a></small>

它的事件在 jQuery 中处理：

$("#morelink").click(function () {
    $('#displayDiv').show;
    return false;
});

我想在点击 editBtn class:

中的任何按钮后触发对 link 的点击

$('.editBtn').on('click', function () {
     $('#morelink').trigger('click'); // not triggered
});

如何在 IE 或 Chrome 中不触发 link。谁能告诉我为什么？

Answer 1

语法错误。参见 docs of .show() here

改变

$('#displayDiv').show;

到

$('#displayDiv').show();

$("#morelink").click(function() {
  $('#displayDiv').show();
  return false;
});
$('.editBtn').on('click', function() {
  $('#morelink').trigger('click'); // not triggered
});

#displayDiv {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<small><a href="javascript:void(0);" id="morelink">Show more</a></small>

<button class="editBtn">Edit A</button>
<button class="editBtn">Edit B</button>
<button class="editBtn">Edit C</button>
<div id="displayDiv">DISPLAY DIV</div>

jQuery 无法触发对 link 的点击

jQuery cannot trigger a click on a link

jquery

jquery-events