带滑块的循环(未加载滑块)

时间:2012-07-15 作者:n.stanley

在我的滑块中。php我有一个循环,它调用自定义的post类型。该自定义帖子类型有一个用于幻灯片url(链接/标题等)的元框。我可以看到循环和其他一切都在工作,因为在源代码中,它显示了元框中的相应url。但它不会加载滑块。但假设我将一个直接路径放置到循环外的图像,滑块将工作/加载,并且它将从metabox加载动态图像(作为第二张幻灯片)。

看起来,我知道这是错误的,但它几乎就像是在幻灯片脚本之后加载来自元盒的图像。因此,它不会看到图像存在,也不会执行幻灯片的js代码。

我的头有正确的js功能。

我的元框和帖子类型正在创建和保存。

我的主页模板包含“滑块”。php’。(下文)

<div id="slides_wrap">
  <div id="slides_frame"> <!-- frame -->
    <div id="slides">

      <?php include \'slider.php\'; ?>

      <!-- pagination things -->
    </div>
  </div> <!-- frame -->
</div> <!-- slides wrap & shadow-->
我的滑块。php具有

<!-- start slider -->
<?php $args = array( \'post_type\' => \'home_slider\', \'posts_per_page\' => 10 ); ?>
<?php $loop = new WP_Query( $args ); ?>

<div class="slides_container">
  <?php // query the "slider" custom post type and import its posts into the slider ?>
  <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

  <?php $slide_img_src = smc_get_the_slide_img_source(); ?>

    <a href="#" title="Dum Slider 1" target="_blank"><img src="<?php echo $slide_img_src; ?>" class="max-image" width="" height="" alt="Slide 1"></a>

  <?php endwhile; ?>

<!-- if i add this below the slider will work and use this image below first (then load the loop???)
<a href="#" title="#" target="_blank"><img src="http://smc-collective.com/okay/images/sliders/dum_slide_2.png" class="max-image" width="" height="" alt="Slide 1"></a> -->

</div>
<!-- end slider -->
幻灯片。js文件(幻灯片的函数)也正在加载(显然),并且正在页脚中排队。

我绞尽脑汁,php不是我的强项。我觉得我就是想不出它,或者甚至找不到什么。提前感谢。

编辑-如果您需要查看更多代码,请告诉我。我不知道还有什么可能导致这个问题。

3 个回复
SO网友:Justin Bell

最简单的解释是,代码中呈现的HTML与实际查找的内容不匹配。如果没有看到负责滑块的JS,就不可能说出哪里出了问题,但应该将模拟版本(有效)与实际得到的(页面呈现后的HTML源代码)进行比较,以查看是否有任何拼写错误或其他潜在错误。

另一种可能性是,虽然图像的URL是正确的,但其中有一些奇怪的字符。由于您是在HTML属性中执行此操作,因此我建议运行echo 通过使用esc_attr():

<a href="#" title="Dum Slider 1" target="_blank"><img src="<?php echo esc_attr($slide_img_src); ?>" class="max-image" width="" height="" alt="Slide 1"></a>
如果可能的话,您介意分享滑块代码吗?

SO网友:Wyck

这条线看起来有问题

<?php $slide_img_src = smc_get_the_slide_img_source(); ?>
也许你应该

<?php $slide_img_src = $smc_get_the_slide_img_source; ?>
$smc_get_the_slide_img_source 不是WordPress函数,它在做什么?

它应该提取您的元框,类似于:

$smc_get_the_slide_img_source = get_post_meta($post->ID, \'image_field\', true);

SO网友:nickast

也许您应该确保标记与滑块的连接器必须在jquery和幻灯片之后运行。js公司

重点应该是:1。jQuery2。滑动js3。标记和脚本的连接。

祝你好运如果您需要任何帮助,请随时与我们联系!

结束