0
我在wordpress中使用了令人敬畏的CodaSlider,为我的页面添加了一个标签功能,但碰到了一堵墙。刷新div onClick
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
谢谢,我将取代行:(”板‘) $ R负载(’指数。 PHP“) 与您的建议? –
是的,但使用您的noConflict变量而不是$ –
嗯......我刚刚进行了一次很好的测试,但它现在没有加载任何内容并且崩溃了其他父级div。我认为它可能是看着错误的div来刷新,但改变也没有效果。 –