Call the onclick function from JQuery with parameters

Question

I am using a store locator jquery plugin from http://www.bjornblog.com/web/jquery-store-locator-plugin for my website and everything works fine but what I want to add is once the store location list is generated, the first one on the list is automatically clicked.

In the Jquery, I can see there is a section controlling the click on the list. It has some parameters.

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

The pluginName is 'storelocator' and _this.settings.locationList is 'bh-sl-loc-list'

the elements of the list shown on the html

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

I tried the belows but obviously nothing worked, what sort of syntax I should use to maybe pass the parameters and call it? Much appreciated.

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

LLL · Accepted Answer · 2015-08-04 04:23:09Z

1

It seems that you want to trigger the event bind on the element li.

Maybe you could try it like this:

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

Or:

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

edited Aug 4, 2015 at 4:23

answered Aug 4, 2015 at 4:08

LLL

5815 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user2381130 Over a year ago

didn't work, I am frustrated. I suspect $('.bh-sl-loc-list li:first-child').trigger('click.pluginName'); is very close. I did if a condition it did return first li, but just cant click on it...

LLL Over a year ago

I have tried $('.bh-sl-loc-list li:first-child').trigger('click.storeLocator'); at one of the lib's example and it works well.

LLL Over a year ago

I guess in your situation maybe the trigger occur before the list's event has been bind.

user2381130 Over a year ago

Hi Li xiaojun, thanks a lot!!! i put it in a wrong place. I tried directly after the document()... and it worked!!! save my day!

user2381130 Over a year ago

just curious anyway, where did you add the line of code?

|

Barmar · Accepted Answer · 2015-08-04 02:26:03Z

1

The event binding has a namespace, you need to include that in your trigger call.

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

Replace pluginName with the actual name of the plugin (whatever is in its internal variable pluginName).

answered Aug 4, 2015 at 2:26

Barmar

789k57 gold badges555 silver badges669 bronze badges

1 Comment

user2381130 Over a year ago

I tried but didn't work, $(function() { $('#map-container').storeLocator({ 'dataType': 'json', 'dataLocation': '../wp-content/themes/subway-clone/data/locations.json' }); $('.bh-sl-loc-list:first-child').trigger('click.storelocator'); });

rrk · Accepted Answer · 2015-08-04 02:26:11Z

0

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

answered Aug 4, 2015 at 2:26

rrk

15.9k4 gold badges32 silver badges49 bronze badges

Comments

Ahmed Shamel · Accepted Answer · 2015-08-04 02:27:50Z

0

Try this :

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

answered Aug 4, 2015 at 2:27

Ahmed Shamel

1,9724 gold badges28 silver badges65 bronze badges

1 Comment

user2381130 Over a year ago

I did and no reply :(

Collectives™ on Stack Overflow

Call the onclick function from JQuery with parameters

4 Answers 4

6 Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related