2012-01-12 98 views
5

मैं इस समारोहपृष्ठ लोड पर एक बटन ट्रिगर

$("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; 
    }); 

है और यह बटन मैं पृष्ठ लोड पर ट्रिगर करते हैं

<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> 

मुझे लगता है कि बटन को गति प्रदान करना चाहते हैं पृष्ठ लोड होने इतना है कि यह खुला शुरू होता है, लेकिन फिर स्लाइड/बंद कर देता है

+0

प्रश्न क्या है? आपको क्या समस्या आती है? – Jivings

+0

क्षमा करें समस्या यह है कि जब पेज लोड हो जाता है तो बटन div ऊपर और नीचे स्लाइड करने के लिए काम करता है, लेकिन मैं चाहता हूं कि div जैसे खुले लोड हो जाए लेकिन फिर उदाहरण को स्लाइड करें http://www.firstlutheranomaha.org/who-we -अयर – Jamison

+0

इसके अलावा इसकी छुपी विशेषताएं, शो क्षेत्र मैं बात कर रहा हूं, धन्यवाद – Jamison

उत्तर

7

क्या यह काम नहीं करता है?

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

खो रहे हैं मैंने इसे हेडर में जोड़ा और यह काम नहीं करता http://www.firstlutheranomaha.org/who -we- – Jamison

+0

आपको $ के बजाय jQuery का उपयोग करने की आवश्यकता है। आपको इन स्क्रिप्ट को फ़ूटर में हेडर नहीं रखना चाहिए। http://developer.yahoo.com/performance/rules.html#js_bottom – Aknosis

+0

उसने ऐसा किया, धन्यवाद – Jamison

5

सबसे आसान तरीका है कि:

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

आप '$ ' –

1

आप एक click event मैन्युअल jQuery के साथ गति प्रदान कर सकते हैं:

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

ऐसा करने के लिए पृष्ठ लोड होने:

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

मैं कल्पना आप इस आखिरी बात करना चाहेंगे पृष्ठ लोड करते समय होने के लिए, इसलिए सुनिश्चित करें कि यह $(document).ready() के भीतर निष्पादित करने वाली अंतिम पंक्ति है।

इस 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

क्या आप चाहते हैं है setTimeout() फ़ंक्शन का उपयोग करके हासिल किया जा सकता है।

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

यह आपको निश्चित रूप से के लिए काम करेंगे ...

संबंधित मुद्दे