2013-06-18 7 views
0

Привет здесь Я хочу запустить следующую или предыдущую кнопку click event jquery full calender. Но событие щелчка не стрелять утра попробовал несколько способов его не уволилиjquery click event is not firing

$(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(); 
    }); 

}); 
+1

является их элемент dnamically загружен –

+0

где ваш HTML? –

+0

Да, те, которые динамически загружаются – user1167870

ответ

1

Проблема может быть, вы используете fullcalendar и эти элементы создаются fullcalendar плагин, так что, когда этот скрипт выполняется есть возможно, что плагин, возможно, еще не создан. Это означает, что обработчики событий не будут зарегистрированы.

Таким образом, решение заключается в использовании делегирования событий

$(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');  
}); 
+0

его работающ спасибо человеку – user1167870

+0

здесь я хочу вызвать метод web или метод страницы. $ (document) .on ('click', '.fc-button-prev a span', function() {PageMethods.EventDetails ('E72', onSucess, onError);}); но его не стреляют – user1167870

+0

что такое 'PageMethods.EventDetails'? –

0

Предполагая, что вы поместили код в том же порядке, как ваш веб-странице, я думаю, вам просто нужно сделать триггер после регистрации нажмите обработчик.

Вот JS Скрипка, который делает то, что я думаю, что вы просите:

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

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

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

использование .live() - старая версия или .on() - новый пробная. Пример:

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