2012-01-12 32 views
5

tôi có chức năng nàykích hoạt một nút trên tải trang

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

Và đây là nút Tôi muốn kích hoạt trên tải trang

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

Tôi muốn để kích hoạt nút đó khi tải trang do đó nó bắt đầu mở nhưng sau đó trượt/đóng

+0

câu hỏi là gì? Bạn gặp phải vấn đề gì? – Jivings

+0

Xin lỗi vấn đề là khi trang tải lên nút hoạt động để trượt div lên và xuống nhưng tôi muốn div tải mở như nó nhưng sau đó trượt lên ví dụ http://www.firstlutheranomaha.org/who-we -are – Jamison

+0

Cũng là tính năng ẩn của nó, hiển thị các tính năng khu vực im nói về, nhờ – Jamison

Trả lời

7

Điều này có hiệu quả không?

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

Tôi đã thêm điều này vào tiêu đề và nó không hoạt động http://www.firstlutheranomaha.org/who -we-are – Jamison

+0

Bạn cần sử dụng jQuery thay vì $. Bạn cũng nên đặt các tập lệnh này vào chân trang chứ không phải tiêu đề. http://developer.yahoo.com/performance/rules.html#js_bottom – Aknosis

+0

Điều đó đã xảy ra, cảm ơn – Jamison

5

đó là cách đơn giản nhất:

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

Bạn đang thiếu một '$' –

1

Bạn có thể kích hoạt một click event bằng tay với jQuery:

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

Để làm điều này khi tải trang:

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

Tôi tưởng tượng bạn sẽ muốn đây là điều cuối cùng xảy ra khi tải trang, vì vậy hãy đảm bảo rằng dòng cuối cùng sẽ được thực hiện trong phạm vi $(document).ready().

Xem này 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

Những gì bạn muốn là có thể được achived bằng cách sử dụng setTimeout() chức năng.

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

này sẽ làm việc cho bạn chắc chắn ...