JQuery+Wordpress PHP变量
我正在使用jquery循环在我的Wordpress模板中创建幻灯片。寻呼机正在创建覆盖幻灯片的按钮,滚动推进幻灯片。我遇到的问题是,我需要滚动保持不变,但我还需要设置href,以便单击按钮将用户带到特定页面 我需要从href的幻灯片中检索变量$target。 我需要点击按钮使按钮可点击。 如上所述,我是新手,很可能这是一个糟糕的代码/无法完成/我是个白痴 我的jquery:JQuery+Wordpress PHP变量,php,jquery,wordpress,Php,Jquery,Wordpress,我正在使用jquery循环在我的Wordpress模板中创建幻灯片。寻呼机正在创建覆盖幻灯片的按钮,滚动推进幻灯片。我遇到的问题是,我需要滚动保持不变,但我还需要设置href,以便单击按钮将用户带到特定页面 我需要从href的幻灯片中检索变量$target。 我需要点击按钮使按钮可点击。 如上所述,我是新手,很可能这是一个糟糕的代码/无法完成/我是个白痴 我的jquery: <script src="<?php bloginfo('stylesheet_directo
<script src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery.cycle.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
if ( $('.slides > .slide').size() > 1 ) {
$('.slides')
.cycle({
timeout: 6000,
speed: 1000,
pager: '#slides #mainNav',
pauseOnPagerHover: 200,
pagerEvent: 'mouseover',
pause: true,
pagerAnchorBuilder: function(idx, slide) {
var slideImage = $(slide).find('img');
var slideTitle = slideImage.attr('title');
var slideURL = "<?php echo $target; ?>";
return '<li><a href="/' + slideTitle + '">' + slideTitle + /* '<br /><span class="description">' + slideDescr + '</span>*/'</a></li>';
}
});
}
});
</script>
以及我的Wordpress幻灯片:
<?php if ( is_front_page() && $slides = get_posts(array('numberposts' => -1, 'orderby' => 'menu_order', 'order' => 'ASC', 'post_type' => 'slide')) ) : ?>
<div id="mainImg">
<div id="slides">
<div class="slides">
<?php foreach ($slides as $slide) : ?>
<?php $title = $slide->post_title; ?>
<?php $content = wpautop($slide->post_content); ?>
<?php $description = get_post_meta($slide->ID, 'description', true); ?>
<?php $thumb = get_the_post_thumbnail($slide->ID, 'slide', array('title' => $title, 'alt' => $description)); ?>
<?php $url = get_post_meta($slide->ID, '_slide_url', true); ?>
<?php $target = (get_post_meta($slide->ID, '_slide_url_blank', true)) ? 'target="_blank"' : ''; ?>
<div class="slide">
<?php if ($url) : ?>
<a href="<?php echo $url; ?>" <?php echo $target; ?>><?php echo $thumb; ?></a>
<?php else: ?>
<?php echo $thumb; ?>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<div id="mainNav"></div>
</div>
</div><!--end mainImg-->
<?php endif; ?>
提前感谢您的帮助。您有:
var slideURL = "<?php echo $target; ?>"
上面所做的是获取幻灯片对象,在幻灯片中查找“a”标记,然后获取“a”标记的目标属性。然后将该值指定给slideURL变量,该变量将为“_blank”或未定义。有关如何使用jQuery获取HTML元素和/或其属性的更多信息,您应该更加熟悉jQuery的功能和方法
无论如何,您不应该将Javascript代码与PHP甚至HTML代码混合使用。阅读更多关于低调JavaScript的内容。是否链接了Jquery本身?比如:当您使用“鼠标悬停”进行寻呼机事件时,按钮应该已经可以点击了??
var slideURL = $(slide).find('a').attr('target');