2012-01-12 14 views
5

Ho questa funzioneAttivare un pulsante al caricamento della pagina

$("a#<?php echo $custom_jq_settings['toggle']; ?>").click(function() { 
     jQuery("#<?php echo $custom_jq_settings['div']; ?>").slideToggle(400); 
     jQuery("#featurepagination").toggle(); 
     jQuery("#featuretitlewrapper").toggle(); 
     return false; 
    }); 

e questo è il tasto che voglio innescare il caricamento della pagina

<a href="#" id="featuretoggle" onclick="changeText('<?php if (is_front_page()) {?>Show<?php } else { ?>Show<?php } ?> Features');"><?php if (is_front_page()) {?>Hide<?php } else { ?>Hide<?php } ?> Features</a> 

Vorrei innescare quel pulsante quando la pagina viene caricata in modo che parta aperta, ma poi scivola/chiude

+0

Qual è la domanda? Che problema incontri? – Jivings

+0

Scusa il problema è che quando la pagina si carica, il pulsante funziona per far scorrere il div su e giù ma voglio che div divenga aperto come fa ma poi fai scorrere l'esempio http://www.firstlutheranomaha.org/who-we -are – Jamison

+0

Anche le funzioni di hide, mostrano le caratteristiche delle aree di cui stiamo parlando, grazie – Jamison

risposta

7

Non funziona?

<script> 
    jQuery(function(){ 
     jQuery('#featuretoggle').click(); 
    }); 
</script> 
+0

Ho aggiunto questo nell'intestazione e non funziona http://www.firstlutheranomaha.org/who -we-are – Jamison

+0

È necessario utilizzare jQuery anziché $. Dovresti anche inserire questi script nel piè di pagina e non nell'intestazione. http://developer.yahoo.com/performance/rules.html#js_bottom – Aknosis

+0

Questo l'ha fatto, grazie – Jamison

5

Questo è il modo più semplice:

$(function() { 
    $("#featuretoggle").trigger("click"); 
}); 
+0

Ti manca un '$' –

1

È possibile attivare un click event manualmente con jQuery:

$('#featuretoggle').click(); 

Per fare questo, quando la pagina viene caricata:

$(document).ready(function() { 
    $('#featuretoggle').click(); 
}); 

immagino si desidera che questo sia l'ultima cosa per accadere quando si carica la pagina, quindi assicurarsi che sia l'ultima riga da eseguire entro $(document).ready().

Vai a questa example:

<a href="#" id="someButton">Foo</a> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     // bind the click event 
     $('#someButton').click(function() { 
      alert('baz'); 
     }); 

     // trigger the click event 
     $('#someButton').click(); 
    }); 
</script> 
0

Ciò che si vuole è può essere achived utilizzando la funzione setTimeout().

$(document).ready(function() { 
    setTimeout(function() { 
     $("a#<?php echo $custom_jq_settings['toggle']; ?>").trigger('click'); 
    },10); 
}); 

Questo funziona per voi sicuramente ...

Problemi correlati