jquery ile ajax takvim gezinti

1 Cevap php

Ben html sonraki ve önceki bağlantıları var

<a href="/event-sort/calendar/2009/9/sports/">prev</a>
<a href="/event-sort/calendar/2009/11/sports/">next</a>

Onlar tıklandığında ben sayfa takvimin html güncelleyecek bir php komut dosyası yüklemek için bir ajax arama yapmak istiyorum

Şimdi ne zaman takvim güncellemeleri, oklar çıkarılıp tekrar dom eklendi, bu yüzden bu olayları bağlama konusunda sorun yaşıyorum olmuştur

Bu şimdi ne var

function url_to_array(string)
{
	var url = string;
	var url_array = url.split('/');
	return url_array;
}

function update_cal(evt)
{
	var url_array = url_to_array(evt.data);

	$('#master-calendar').css({
		background:'url(/images/ajax-load.gif) no-repeat left top',
		height:'600px'
	}).html('');

	$.get('/ajax_events.php',
		{
			view:url_array[2],
			year:url_array[3],
			month:url_array[4],
			category:url_array[5]
		},
		function(returned_data)
		{
			$('#content').html(returned_data);
			var element_id = $(evt.target).attr('id');
			var element_href = $('#' + element_id).attr('href');
			$('#' + element_id).unbind('click', update_cal).bind('click', element_href, update_cal);
		}
	);

	evt.preventDefault();
}

// Document Ready $(document).ready(function(){

var prev_link = $('#cal_nav_previous').attr('href');
$('#cal_nav_previous').bind('click', prev_link, update_cal);

var next_link = $('#cal_nav_next').attr('href');
$('#cal_nav_next').bind('click', next_link, update_cal);

}) ;/ / End Belge Hazır

Gerçekten benim önceki ve sonraki düğmeleri hem bir update_cal işlevini kullanmak istiyorum

Ben takvim js ile erişilebilir olmak istedim, bu adresler de HREF'ler ve tarih numaraları için nedeni, herhangi bir yardım mutluluk duyacağız

i jquery canlı etkinlikleri ile tecrübe etmişti, ama çok başarılı olmadı

Aynı anda hem bir sonraki ve bir önceki bağlantıları update_cal işlevi bağlayabilirsiniz?

1 Cevap

Birkaç soru burada var gibi görünüyor, bu yüzden birkaç tanesi cevap çalışacağım.

To avoid the default behaviour of the links jQuery kullanabilirsiniz:

$('a').click(function(event){
    event.preventDefault();
});

Tabii ki doğru bağlantıları belirtmek zorunda ...

To pass a variable from the link to your script, sen rel niteliğini kullanabilirsiniz:

<a href="/event-sort/calendar/2009/9/sports/" rel="200909">prev</a>
<a href="/event-sort/calendar/2009/11/sports/" rel="200911">next</a>

ve jquery ile rel özniteliği okuyun.

To automatically bind the events, sen ajax_events.php komut bağlama parçası koyabilirsiniz

Bu konuda görünüyor, ya da ben bir şey eksik?

Bu arada, benim cevap numerate çalışıyordu, ama bu yüzden cesur, kod messes ...

etiketler