刷新div onClick

Question

我在wordpress中使用了令人敬畏的CodaSlider，爲我的頁面添加了一個標籤功能，但碰到了一堵牆。

CodaSlider使用腳本查看當前內容並自動定義高度，但是，我可以選擇打開/關閉滑塊內的div以顯示更多內容，但因爲滑塊已經定義一個高度，它不會自動更新。

我的想法是添加一塊JQuery，刷新滑塊的div，從而顯示新內容，而無需一直重新加載整個頁面。

到目前爲止，這是我：

<div class="video-centre"> 
    <div class="video-title"> <img src="<?php echo get_bloginfo('template_url') ?>/images/video-propertiesforsale.jpg" alt="properties for sale" /> </div> 
    <div class="video-point"> <img src="<?php echo get_bloginfo('template_url') ?>/images/video-point.jpg" alt="video pointer" /> </div> 
    <div class="video-thumb"> 
     <div class="coda-slider" id="slider-id"> 
     <div> 
      <h2 class="title"><span>Crouch End</span></h2> 
      <?php the_field('crouch_end'); ?> 
      <p class="video-more2"><a href="javascript:animatedcollapse.show(['expandable-2'])" id="refresh">View More</a></p> 
      <div id="expandable-2"> 
      <?php the_field('properties_for_sale_hidden'); ?> 
      <p class="video-close2"><a href="javascript:animatedcollapse.hide(['expandable-2'])" id="refresh">Close</a></p> 
     </div> 
     </div> 





<script> 
var $r = jQuery.noConflict(); 
    $r(function() { 
     $r("#refresh").click(function(evt) { 
     $r(".panel").load("index.php") 
     evt.preventDefault(); 
     }) 
    }) 
</script> 

我撞到牆上是腳本加載整個頁面，而不是它應該實際內容，我似乎無法得到它做我想做的事。

希望以上是可以理解的，在我的頭上好嗎響起：S

Answer 1

呀，.load旨在加載網頁的全部內容。您可以運行.load，然後再通過孩子得到你想要的東西：對於回去我

var div = $('<div/>').load('index.php'); 
$('.panel').replaceWith(div.find('.panel'));