Español
Română
РусскийCome caricare uno script jQuery per ultimo?
Come faccio a far caricare questo script per ultimo?
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("div.domTip_tipBody").mouseover(function(){
jQuery("#yyy a.tippy_link").css("background-color","yellow");});
jQuery("div.domTip_tipBody").mouseout(function(){
jQuery("#yyy a.tippy_link").css("background-color","red");
});
});
</script>
Lo script viene eseguito prima che "div.domTip_tipBody" venga generato (che viene creato da uno shortcode) quindi non succede nulla.
Ho provato:
<script src="script.js" type="text/javascript" defer="defer"></script>
nel mio header.php prima di
</head>
ma non funziona.
Ho visto "window.onload =" ma non sono sicuro di come applicarlo.
Qualsiasi suggerimento è apprezzato.
Grazie
Grazie Kaiser, questo ha posizionato lo script in fondo, per qualche motivo il js non sta ancora leggendo i selettori generati dallo shortcode, funziona per tutto il resto però!
xyz
n/p. Nota che questa sarebbe una domanda per SO. Proverei a usare semplicemente la console nei tuoi strumenti di sviluppo FireBug/Chrome dev bar/IE dev tools, ecc. Basta scrivere console.log( jQuery( 'div' ) ); e vedrai se la selezione ha funzionato.
kaiser
Kaiser, non conoscevo questa funzionalità, grazie. Quando la uso vedo apparire questi div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody
xyz
Ignora quanto sopra. Kaiser, grazie per la risposta, non conoscevo quella funzionalità, grazie. Quando la uso vedo apparire questi elementi div#domTip_tipBox.domTip_Tip, div#this.tipHeader.domTip_tipHeader, div#this.tipBody.domTip_tipBody se clicco su di essi mi portano ai selettori CSS. Ho provato a usare l'output "raw" sopra e i selettori CSS a cui mi indirizzano, ma nessuno di questi viene letto dal mio js. C'è qualcosa che si può fare per aiutare il js a leggere questi selettori?
xyz
Come ho detto: Questa è una domanda per SO. Ma comunque: Se riesci a selezionarli lì, allora funzionano. Puoi anche inserire il console.log() direttamente nel tuo script e vedere l'output nella console. Questo prova che lo script funziona. Quindi è qualcos'altro. Quindi: Prova e se non funziona -> SO.
kaiser
Ciao Rashid, grazie per la tua risposta, spero che questo risolverà il mio problema. Ho provato questo add_action('wp_footer','myscript_in_footer'); function myscript_in_footer(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Ho cambiato "div.domTip_tipBody" in "p" per verificare se la funzione funziona, ma non è così. Riesci a vedere cosa deve essere modificato per farlo funzionare?
xyz
Per favore leggi questo invece. Grazie per la tua risposta, spero che questo risolverà il mio problema. Ho provato questo add_action('wp_footer','myscript_in_footer'); <script type="text/javascript">
jQuery(document).ready(function(){ ?>
$.delegate('p','mouseover', function(e){ jQuery("#yyy a.tippy_link").css("background-color","yellow");}); $.delegate('p', function(e){ jQuery("#yyy a.tippy_link").css("background-color","red"); }); });</script>
<?php
} Ho cambiato "div.domTip_tipBody" in "p" per verificare se la funzione funziona, ma non è così. Riesci a vedere cosa deve essere modificato per farlo funzionare?
xyz
Grazie songdogtech, i link hanno tutti contribuito alla mia comprensione, lo apprezzo molto. Dovrò approfondire js e shortcode perché il js non sta leggendo l'output del mio shortcode.
xyz
Grazie Rajeev, ho provato il tuo codice e mette il js in fondo, ora ho due modi per farlo. Il js ancora non funziona sull'output del mio shortcode, quindi deve essere un problema diverso.
xyz
Inserire direttamente questo nel footer è il modo sbagliato di farlo.
kaiser