Jak na extension a znovunabindování AJAXu?

$.live() je v aktuální verzi jQuery deprecated, použij $.on()

Ajaxové extension dej před $.nette.init(); (nejdřív zaregistruj rozšíření a až pak to všechno inicializuj ;-)

Chybí ti první parametr – název rozšíření. Nevím jestli je to přímo povinné, ale třeba to pomůže… např.:

$(document).ready(function() {
    $.nette.ext('consoleLog', {
        success: function(payload) {
            console.log('Incoming payload!');
            console.log(payload);
        },
        error: function(jqXHR, status, error) {
            console.log('Ajax failed!');
            console.log(error);
            console.log(jqXHR);
        }
    );

    $.nette.init();
});

(EDIT: nějak divně se to zbarvuje, asi tam mám syntax error někde, no hledat to nebudu :D )

Editoval Zax (11. 7. 2014 19:51)

serten napsal(a):

Super, díky moc :-) Tvá odpověď mě nasměrovala ke správnýmu řešení. Je ale teda zvláštní, že když místo .live() použiju .on() tak mi to vůbec nefunguje. Ale s .live() je vše jak má být.
A ta chyba která se ti nechtěla hledat byla jen v poslední složené závorce, která chyběla :-D

Tak ještě jednou díky ;-)

.live bych nepoužíval, od 1.9 je deprecated

David Kudera napsal(a):

Od 1.9 je dokonce pryč úplně, alespoň podle dokumentace. Mimochodem je v ní i ukázka, jak přejít správně na on.

@DavidKudera Teď na tu dokumentaci koukám a fakt že odstraněno. Takže nechápu jak mu může jít .live na 1.10 viz import jska co tam @serten má.

Díky za upozornění, toho jsem si právě vůbec nevšiml. Ale právě jakmile nechám načítání pouze z CDN, tak mi to po předělání na .on() nefunguje. Moje konečná verze je:

$(document).ready(function(){
	$( "#frm-reqInfoForm.ajax" ).on("click", function (e) {
		$.nette.ajax(this.href, this, e);
		return false;
	});
});

protože to ještě vlastně pokaždé překresluju v snippetu. Ale bohužel to nefunguje jak má. Jenou se ten požadavek provede a podruhé už to není nabindovaný a provede se klasické přesměrování. Nevíte kde by mohla být chyba?

máš aktuální verze jquery?

zkus to ještě takhle:

$(document).on('click', 'form.ajax', function(e) {
    e.preventDefault();
    $.nette.ajax(this.href, this, e);
});

jo moment… to frm-reqInfoForm id je id formuláře ne?? Jestli jo, tak opravdu na něj chceš navěsit click událost? Nemělo by to být navěšené na submit toho formuláře?

$(document).on('click', 'form.ajax input[type="submit"]', function(e) {
    e.preventDefault();
    $.nette.ajax(this.href, this, e);
});

tohle se aplikuje na všechny submity ve formulářích s třídou .ajax

Edit: a nebo událost submit (místo click) přímo na tom formu

Editoval David Kudera (16. 7. 2014 15:59)

Je to celé nějaké zvláštní, všude jinde ajaxové zpracování funguje v pohodě, jen v tomto jednom případě ne. Právě že jsem nidke jinde toto bindování nemusel řešit, vše se nabindovalo znova samo. Když jsem použil všechny rady, které jste mi tu napsali, tak se mi vždy provedl první ajaxový požadavek, ale neprovedla se mi žádná akce v extension, což vypadá, jako by už s tím samotným ajaxovým zpracováním nebylo něco v pořádku. Zkoušel jsem otestovat, jestli mi to dělalo i u toho .live() a ono ne, tam všechno funguje jak má.

Mám někam nahodit zdrojové kódy presenteru a šablony, aby ste se na to mohli podívat líp?

Je to celé zvláštní, ale mám tam nahozenou pouze jednu a to nejnovější verzi jQuery. Tohle jsou jediné skripty, které tam vkládám. A zkoušel jsem to různě prohledávat, ale nic navíc jsem nenašel, pokud bych se náhodou přehlídl a dal to tam dvakrát.

<script src="/js/netteForms.js"></script>

<!-- Core Javascript - via CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<!-- Plugins - Via CDN --
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<!--<script type="text/javascript" src="vendor/plugins/datatables/jquery.dataTables.min.js"></script> Local Option -->

<!-- Plugins -->
<script type="text/javascript" src="/vendor/editors/xeditable/js/bootstrap-editable.js"></script>
<script type="text/javascript" src="/vendor/plugins/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="/vendor/plugins/gritter/js/jquery.gritter.min.js"></script>

<script type="text/javascript" src="/js/uniform.min.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
<script type="text/javascript" src="/js/custom.js"></script>

<script src="/js/nette.ajax.js"></script>

v té minifikované verzi .live() není. Podívej se na http přenos při načítání stránky jestli si třeba nějaký skript ještě sám neincluduje jinou verzi jquery a pak by ti to mohlo dělat bordel.

Asi nemáš nějakou veřejně přístupnou verzi že?

Veřejně dostupnou verzi bohužel nemám, protože se jedná o firemní projekt. Ale mohl bych dát k dispozici layout šablonu a presenter a šablonu stránky, které se to týká, jeslti by to pomohlo, co vy na to?
akadlec toho co sem to projížděl tak ano, jen jedno a to bylo z toho CDN

Tak tady je odkaz na archiv s šablonami: http://uloz.to/…/sablony-zip
V otmto případě teda nemám JS kód oddělený v samostatných souborech. Je v samostatných blocích na konci souboru, v případě layout šablony jsou inicializační na konci HEAD tagu.

Když se provede ten ajaxovej požadavek a překreslí kus stránky, tak aby se znovunabindovali jednotlivé skripty znovu na ty položky. V některých částech mi ty skripty po překreslení nefungovaly, tak jsem to vyřešil tímto způsobem.

Jasný, chápu, takže to překreslování jak to mám já nemá smysl. Ale jakým způsobem tedy znovunavázat skripty? Protože se mi i na jiném místě stává, že když překreslím snippet, tak mi pak nefungují některé jQuery skripty.

Díky všem za pomoc a rady, hlavně tobě David Kudera. Díky vašim radám sem si konečně vědomil jak se to má správně dělat a vyčistil jsem si šablony od špatně fungujícího kódu a už vše funguje jak má :-) Ten JS kód ve snippetech byl vážně zlo :-D

Ještě jednou velké díky ;-)