0

wordpress 内ですばらしい CodaSlider を使用して、ページにタブ機能を追加していますが、少し壁にぶつかりました。

CodaSlider は、現在のコンテンツを見て高さを自動的に定義するスクリプトを使用しますが、スライダー内の div を開閉してより多くのコンテンツを表示するオプションがありますが、スライダーには既に高さが定義されているため、自動更新しません。

私の考えは、スライダーの div を更新する JQuery の一部を追加して、ページ全体を常にリロードすることなく新しいコンテンツを表示することでした。

これまでのところ、これは私が持っているものです:

<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

4

1 に答える 1

0

ええ、.loadページのコンテンツ全体をロードすることを目的としています。を実行.loadしてから、子を調べて、必要なものを取得できます。

var div = $('<div/>').load('index.php');
$('.panel').replaceWith(div.find('.panel'));
于 2012-09-18T16:09:59.867 に答える