Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 刷新div onClick_Php_Javascript_Jquery - Fatal编程技术网

Php 刷新div onClick

Php 刷新div onClick,php,javascript,jquery,Php,Javascript,Jquery,我正在使用wordpress中令人敬畏的CodaSlider向我的页面添加一个选项卡式函数,但遇到了一点麻烦 CodaSlider使用一个脚本来查看当前内容并自动定义高度,但是,我可以选择打开/关闭滑块内的div以显示更多内容,但由于滑块已定义高度,因此不会自动更新 我的想法是添加一段JQuery,刷新滑块的div,从而显示新内容,而不必一直重新加载整个页面 到目前为止,这就是我所拥有的: <div class="video-centre"> <div class="vid

我正在使用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>

/图像/视频属性forsale.jpg“alt=”properties for sale”/>
/images/video point.jpg“alt=”video pointer“/>
伏尾区

var$r=jQuery.noConflict(); $r(函数(){ $r(“#刷新”)。单击(函数(evt){ $r(“.panel”).load(“index.php”) evt.preventDefault(); }) })
我遇到的问题是,脚本加载的是整个页面,而不是它应该加载的实际内容,我似乎无法让它做我想做的事情


我希望上面的内容是可以理解的,它在我的脑海中听起来不错:是的,
。load
旨在加载页面的全部内容。您可以运行
.load
,然后遍历子项以获得所需内容:

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

感谢您回复我,我是否应该用您的建议替换行:$r(“.panel”).load(“index.php”)?是的,但使用您的noConflict变量而不是$Hmmmm…我刚刚进行了一个很好的测试,但它现在没有加载任何内容,并折叠了其他父div。我认为它可能正在寻找错误的div进行刷新,但更改也没有效果。查找需要实际查找要替换的元素。我假设您想用来自不同页面的相同div替换该div,否则,它将失败。我明白了,如果我只想刷新同一页面上的div,而不是从不同页面填充它,会发生什么?