[JavaScript]Javascript wczytywany raz na podstrony ajaxowe. Opcje

[neo1986kk]

Witam, mam taki układ strony, że wczytuję tylko lewy pasek i z niego wybieram dział, który chcę wyświetlić po prawej stronie. Po kliknięciu oczywiście ajaxem wczytuję content i pojawia mi się wszystko elegancko, ale mimo, że jest w nim input.date, a na początku razem z indexem dodałem <script src="date.js">, a tam mam ustawione ('.date').datepicker(); to jak sie domyślacie to nie zadziała, bo już drugi raz nie wczytuje dokumentu i nie sprawdza pod kątem klas inputów.

Czy macie jakieś rozwiązanie, oprócz dodawania:

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
$('.date').datepicker();
 
}
[HTML] pobierz, plaintext 

w tym wczytywanym ajaxowo pliku.

[trueblue]

Funkcja "success" w wywołaniu ajaxa poprzez jQuery.
Jeśli czysty JS, to: if (xmlhttp.readyState==4 && xmlhttp.status==200)

Ten post edytował trueblue 16.01.2015, 18:48:17

[neo1986kk]

Nie o to chodzi....

succes:: function(data){
$('#prawyContent').html(data)
}

Czyli ja zaczytuje ajaxem cały content razem z templejtem, ale kiedy contentem jest "<input class="date"/>" a w głównym indexie mam zapisane:

$('.date').datepicker();

to po zaczytaniu ajaxem treści do prawego Contentu na tym inpucie nie zadziała datepicker

[trueblue]

O to, o to.

[HTML] pobierz, plaintext 
success:function(data){
 $('#prawyContent').html(data);
 $('.date').datepicker();
}
[HTML] pobierz, plaintext 

Zdarzenie onDOMReady nie jest wywoływane przy doczytywaniu treści ajaxem.

Ten post edytował trueblue 16.01.2015, 19:56:18

[neo1986kk]

no pewnie pomaga, ale to jest troche bez sensu, bo jeśli wczytywane ajaxem treści są bardzo rozwinięte i obsługują potężne aplikacje javascriptowe, to za każdym razem trzeba by pisać w success każde możliwe zdarzenie

[Daimos]

Zapominasz, że jeśli zdarzenia są powtarzalne, to wystarczy zrobić uniwersalną funkcję. np.

[JAVASCRIPT] pobierz, plaintext 
function simpleAjax(contentId, url)
{
$.ajax({
success: function(data)
{
$('#'+contentId).html(data);
}
})
}
// wykorzystanie
simpleAjax('mojeId', 'mojeUrl');
[JAVASCRIPT] pobierz, plaintext 

Oczywiście są lepsze sposoby, chodzi o sam zamysł. Co się powtarza, to skracasz, piszesz funkcje, klasy. Równie dobrze możesz sobie napisać obsługę linków, które ogarniesz hurtowo, definiując jedynie atrybuty data-
Czyli np. definiujesz, że wszystkie linki z klasą .ajax korzystają z danej metody i tworzysz linki w formie

[HTML] pobierz, plaintext 
<a href="#" data-result-div="idGdzieMaBycZawartosc" data-url="skadBracDane" class="ajax">Ajax link</a>
[HTML] pobierz, plaintext 

Teraz tylko podpinasz do wszystkich linków $('.ajax'). wybraną funkcję i sprawa załatwiona


Ten post edytował Daimos 17.01.2015, 14:02:23