jquery click event is not firing

Question

Hi here i want to fire next or prev button click event of jquery full calender. But the click event is not firing am tried several ways it did not fired

$(document).ready(function () {
    $('#contaner_wrapper').css("height", "100%");
    $(".fc-button-prev a span").trigger('click');

    $(".fc-button-next a span").trigger('click');       
    $('.fc-button-prev a span').click(function () {
        alert($("#calendar").fullCalendar('getView').start.toString());

        var abc = $("#calendar").fullCalendar('getView').start.toString();

        var ab = $("#calendar").fullCalendar('getView').end.toString();
        // Displaymonthevents();
    });

    $('.fc-button-next a span').click(function () {
        // Displaymonthevents();
        alert($("#calendar").fullCalendar('getView').start.toString());
        var abc = $("#calendar").fullCalendar('getView').start.toString();

        var ab = $("#calendar").fullCalendar('getView').end.toString();
    });

});

are these element dnamically loaded

Arun P Johny
– Arun P Johny

2013-06-18 04:51:37 +00:00
Commented Jun 18, 2013 at 4:51 — Arun P Johny
– Arun P Johny, Commented Jun 18, 2013 at 4:51
Yes, those loading dynamically

sandeep
– sandeep

2013-06-18 04:54:59 +00:00
Commented Jun 18, 2013 at 4:54 — sandeep
– sandeep, Commented Jun 18, 2013 at 4:54

Arun P Johny · Accepted Answer · 2013-06-18 04:56:03Z

1

The problem could be, you are using fullcalendar and these elements are created by fullcalendar plugin, so when this script is executed there is a possibility that the plugin may not have yet created. Which means the event handlers will not get registered.

So the solution is to make use of event delegation

$(document).ready(function () {
    $('#contaner_wrapper').css("height", "100%");
    $(document).on('click', '.fc-button-prev a span', function () {
        alert($("#calendar").fullCalendar('getView').start.toString());

        var abc = $("#calendar").fullCalendar('getView').start.toString();

        var ab = $("#calendar").fullCalendar('getView').end.toString();
        // Displaymonthevents();
    });

    $(document).on('click', '.fc-button-next a span', function () {
        // Displaymonthevents();
        alert($("#calendar").fullCalendar('getView').start.toString());
        var abc = $("#calendar").fullCalendar('getView').start.toString();

        var ab = $("#calendar").fullCalendar('getView').end.toString();
    });

    $(".fc-button-prev a span").trigger('click');
    $(".fc-button-next a span").trigger('click');       
});

answered Jun 18, 2013 at 4:56

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

sandeep Over a year ago

here i want to call web method or page method. $(document).on('click', '.fc-button-prev a span', function () { PageMethods.EventDetails('E72', onSucess, onError); }); but its not firing

Arun P Johny Over a year ago

what is PageMethods.EventDetails?

sandeep Over a year ago

PageMethods.EventDetails('E72', onSucess, onError); }); is a pagemethod when this click event is firing.or insted of pagemethod i want to call ajax web method. any one is fine for me $.ajax({ url: "ViewEvents.aspx/EventDetails", type: "POST", data: "hi", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { alert(data.d); } });

Arun P Johny Over a year ago

is it ASP? I haven't used it

sandeep Over a year ago

yes it is asp.net,but any one is fine for me either ajax web method or page method. please refer this link stackoverflow.com/questions/17160947/…

sasbury · Accepted Answer · 2013-06-18 05:00:07Z

0

Assuming that you put the code in the same order as your web page, I think you just need to do the trigger after you register the click handler.

Here is a JS Fiddle that does what I think you are asking for:

http://jsfiddle.net/Td5cG/1/

$('.fc-button-prev a span').click(function () {
    alert("clicked it");
});

$(".fc-button-prev a span").trigger('click');

answered Jun 18, 2013 at 5:00

sasbury

3011 silver badge4 bronze badges

Comments

Anton · Accepted Answer · 2013-06-18 05:00:31Z

0

use .live() - old version or .on() - new vesion. Example:

$(".fc-button-prev a span").live('click', function(){ alert($("#calendar").fullCalendar('getView').start.toString()); })

answered Jun 18, 2013 at 5:00

Anton

112 bronze badges

Collectives™ on Stack Overflow

jquery click event is not firing

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related