Fare clic programmaticamente su un collegamento utilizzando jQuery al caricamento della pagina

Ho un collegamento sulla pagina e desidero fare clic su di esso a livello di codice quando viene caricata la pagina.Fare clic programmaticamente su un collegamento utilizzando jQuery al caricamento della pagina

Qualcosa di simile a questo:

$(document).ready(function() { 

    // code to make the page think $('a.tagcloud-link') is clicked 
});

Il collegamento è una chiamata AJAX che visualizza i tag popolari Wordpress backend.

La funzione non può essere modificata poiché dipende da molte cose.

Quindi voglio attivare il collegamento AJAX che chiama i tag più popolari al caricamento della pagina.

Questo risolverà tutti i miei problemi se funziona.

Tale nesso è $ ('-link a.tagcloud')

favore, per favore help me su questo ho passato ore tirando fuori i miei capelli cercando e non riuscendo a fare questo. Grazie.

fonte

2012-10-24 Claudio Delgado

Hai provato $ ('a.tagcloud-link' .) .first() trigger ('click'); – Tariqulazam

Questo non ha funzionato @Tariqulazam –

Dai tuoi commenti sembra che tu non stia delineando il problema reale che stai riscontrando. Si prega di approfondire esattamente ciò che si sta tentando di fare in modo che le risposte possano essere mirate al caso d'uso specifico. – JamesSwift

Nessuno di questi ha aiutato. L'ho risolto saltando il collegamento ed eseguendolo sul carico.

fonte

2012-10-25 00:05:17

Sì, non capisco cosa queste persone non capiscano di click() non funziona lol. La stessa barca che stai cercando di automatizzare qualcosa in uno script Greasemonkey. –

Se ho ben capito la domanda:

$('a.tagcloud-link').click();

fonte

2012-10-24 00:09:44 Reflective

Ho provato che, non ha funzionato :( –

usa quello subito dopo che il tuo link è stato inserito dinamicamente e appender all'albero DOM - '# ('body'). '...'); $ ('a.tagcloud-link'). Click(); ' – Reflective

Il codice viene aggiunto dal normale HTML e non con .append() Sto cercando di implementare ciò che hai suggerito usando un tag in linea

Prova

$('a.tagcloud-link').click();

$('a.tagcloud-link').trigger('click')

fonte

2012-10-24 00:10:32

Questo non ha funzionato.Vorrei dire che il link su cui voglio cliccare quando la pagina si apre è esso stesso un codice generato da jQuery cod e dinamicamente. Ma voglio simulare un clic su di esso quando viene caricato il documento. sicuramente c'è un modo? –

$(function() { 
    $('a.tagcloud-link').on('click', function() { 
      // execute code here 
    }); 
});

Questo è corretto utilizzo di jQuery.

fonte

2012-10-24 00:11:24

Voglio simulare il link su cui si fa clic sul caricamento della pagina. Non penso che il tuo codice lo faccia. –

Quindi dovresti aggiungere altro codice, cosa vuoi fare lo script se gli script "pensano" che si fa clic su a.tagcloud-link? –

Questo è il codice: http://jsfiddle.net/Wnra9/ –

Prova questa:

$('a.tagcloud-link')[0].click();

Utilizzando [0] ottiene un riferimento al primo oggetto DOM nell'oggetto jQuery quindi questo chiama il DOM object's (non-jQuery) .click() method che farà sì che la navigazione a quello del collegamento specificato href.

L'utilizzo di jQuery's .click() method chiamerebbe qualsiasi gestore di clic che avresti associato all'elemento, ma non causerà il comportamento predefinito per seguire effettivamente il collegamento.

Davvero semplice demo: http://jsfiddle.net/mtBav/

fonte

2012-10-24 00:19:31 nnnnnn

Questo non ha funzionato. la funzione ha completamente smesso di funzionare dopo aver provato a caricare quel codice sul caricamento della pagina. –

Questo è il codice: jsfiddle.net/Wnra9 –

Ciò che ho mostrato causerebbe un errore se non esistono elementi che corrispondono al selettore "a.tagcloud-link", quindi assicurati di aver effettivamente creato l'elemento . Il codice nel tuo violino non crea alcun elemento del genere, e non hai mostrato alcun html, quindi ... (Il tuo violino non è molto utile: devi inserire il codice JS nella finestra di JavaScript (in basso a sinistra) , non nella finestra HTML in cui l'hai inserito.) – nnnnnn

Per essere onesto con te, penso che tutti qui è giusto e penso che la questione è incorniciato sbagliato. Ma ecco il mio tentativo e penso che tutto ciò che ho fatto è stato solo un po 'diverso. Sto solo cercando di aiutare.

document.addEventListener("DOMContentLoaded", function() { 
    EventL(); 
}); 

// global 
var tagLoad = false; 

function eventL() { 
    $('a.tagcloud-link').on('click', function() { 
     tagLoad = true; 
    }); 

    // you can repurpose this, its for page refresh right now. but 
    // I think it helps with your general idea? 
    $(window).load(function(){ 
     init(); 
    }); 
} 

function init() { 
    if (tagLoad == true) { 
     // Load your tags. 
    } 
}

fonte

2012-10-24 00:51:55 Jim

Potrebbe essere incorniciato male ma puoi dirmi come inquadrarlo, anche se sembra che tu non abbia capito cosa volevo ottenere. Comunque, grazie per aver cercato di aiutare! –

Ho letto da qualche parte che vuoi simulare un clic, stai cercando l'aspetto visivo di quello? o stai cercando qualcosa per ricordare che un pulsante è stato cliccato sul tuo modello wordpress? – Jim

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("a#tobeclicked").click(function() { 
// if it has to be href 
var tohref = $(this).attr("href"); 
alert(tohref); 
window.location=tohref; 


// else you want add some functions 

$("#mydiv").fadeIn(); 

}); 
$("a#tobeclicked").trigger('click'); 
}); 
</script> 
<a id="tobeclicked" href="http://www.google.com">Go!</a> 
<div id="mydiv" style="display:none;">Stroam</div>

fonte

2012-10-24 04:32:03 Heart

uomo ha funzionato con me ..... :) – Heart

hey uomo hai detto che nessuna delle risposte ha funzionato per te controllare il codice sopra che ho aggiunto. Funziona al 100% ... l'ho controllato 5 volte e funziona perfettamente! – Heart

function my_admin_head(){ 
echo 
'<script type="text/javascript"> 
    jQuery(function($){ 
     $(\'a.tagcloud-link\').each(function(){ 
      tagBox.get($(this).attr(\'id\')); 
      $(this).unbind().click(function(){ 
       $(this).siblings(\'.the-tagcloud\').toggle(); 
       return false; 
      }); 
     return false; 
    }); 
}); 
</script>'; 
} 
add_action('admin_head', 'my_admin_head');

Forse può aiutare qualcuno.

fonte

2014-10-16 09:09:39 fishpie

Forse il modo in cui si stava utilizzando per accedere all'elemento è il mixaggio della sintassi jquery con javascript. Ho anche questo problema, ma stavo cercando di accedere a un elemento in modo sbagliato.

Era come questo

$(document).ready(function(e){ 
     alert(location.hash); 
     if (location.hash == "#22") { 
      $("gallery div a")[1].click(); //without # 
     }; 
    })

ma dovrebbe essere così

$(document).ready(function(e){ 
     alert(location.hash); 
     if (location.hash == "#22") { 
      $("#gallery div a")[1].click(); //with #, cause I was using an ID 
     }; 
    })

e lavora :)

fonte

2016-09-09 01:16:20

Problemi correlati

Fare clic programmaticamente su un collegamento utilizzando jQuery al caricamento della pagina

risposta

Problemi correlati