How to call a function on body load

Question

Hi I am using this script to add social media icon into my site.

<div id="menu" class="shareSelector" style="width:250px; height:250px;"></div>

$(document).ready(function () {

    $('.shareSelector').socialShare({
        social: 'facebook,google,pinterest,twitter',
        whenSelect: true,
        selectContainer: '.shareSelector'
    });

});

div gets the content upon clicking on it.Can we call this function without clicking div means on bodyload?

Regards:Ali

seems like this will need to involve editing the `socialShare` plugin — compid, Jul 24 '13 at 05:19

score 3 · Answer 1 · edited Jul 24 '13 at 05:33

3

The $(document).ready(function () {}); function should run when the page loads.

Have you got the jquery in a <script> tag?

If so, the bindings are setup by the socialShare plugin, so you may need to look at that.

What does whenSelect option do?

edited Jul 24 '13 at 05:33

mishik

9,973
9
45
67

answered Jul 24 '13 at 05:20

Mark Redman

24,079
20
92
147

score 1 · Answer 2 · answered Jul 24 '13 at 05:25

1

$(document).ready(function () {

$('.shareSelector').socialShare({
    social: 'facebook,google,pinterest,twitter',
    whenSelect: true,
    selectContainer: '.shareSelector'
});
$('.shareSelector').click()  
});

Dont know about the socialShare plugin but you have an option there which says "whenSelect: true"

try false

answered Jul 24 '13 at 05:25

deach

360
1
2
12

Hi deach, I tried with both of your options but unfortunately They are not working.Thanks for your response. – Ali Jul 24 '13 at 06:00

How to call a function on body load

2 Answers2