Question

我在视图中有一个链接：

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

它的事件是在jQuery中处理的：

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

我想点击editBtn课程中的任何按钮后点击链接：

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

如何在IE或Chrome中未触发链接。谁能告诉我为什么？

Answer 1

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

更改

$('#displayDiv').show;

到

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

＆＃13;

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

＆＃13;

#displayDiv {
  display: none;
}

＆＃13;

<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>

＆＃13;

jQuery无法触发链接上的点击

1 个答案: