使用参数从JQuery调用onclick函数

Question

我正在使用来自http://www.bjornblog.com/web/jquery-store-locator-plugin的商店定位器jquery插件来访问我的网站，一切正常，但是一旦生成商店位置列表，我要添加的内容就是列表中的第一个会自动单击。

在Jquery中，我可以看到有一个部分控制列表的单击。 它有一些参数。

// Handle clicks from the list          
$(document).on('click.'+pluginName, '.' + _this.settings.locationList + ' li', function () {
//do the work.
}

pluginName是“ storelocator”，_this.settings.locationList是“ bh-sl-loc-list”

html上显示的列表的元素

<div class="bh-sl-loc-list">
  <ul class="list list-unstyled"></ul>
    <li></li>
    <li></li>
    <li></li>   
</div>

我尝试了以下方法，但显然没有任何效果，应该使用哪种语法来传递参数并调用它？ 非常感激。

document.getElementById(".bh-sl-loc-list:first-child").onclick();
$('.bh-sl-loc-list:first-child').trigger('click');

Answer 1

事件绑定具有名称空间，您需要在trigger调用中包含该名称空间。

$('.bh-sl-loc-list:first-child').trigger('click.pluginName');

将pluginName替换为插件的实际名称（无论其内部变量pluginName是什么）。

Answer 2

似乎您想在元素li上触发事件绑定。

也许您可以这样尝试：

$('.bh-sl-loc-list li:first-child').trigger('click.pluginName');

要么：

$('.bh-sl-loc-list ul li:first-child').trigger('click.pluginName');

Answer 3

$(document).on('click' , pluginName, '.' + _this.settings.locationList + ' li', function () {
//do the work.
}

Answer 4

尝试这个 ：

document.getElementById("bh-sl-loc-list:first-child").click();