jQuery可滚动的下一个/上一个按钮不能包装在其他标记中
我这里有一个可滚动的页面: 我试图在2个a标签周围放置一个p标签,这会导致可滚动标签前后移动,但无论我在a标签周围放置什么,它都会破坏滚动范围,div,p…它们都不起作用 我怎样才能解决这个问题?我认为这与滚动列表中涉及的jQuery有关 以下是页面该部分的代码:jQuery可滚动的下一个/上一个按钮不能包装在其他标记中,jquery,button,tags,scroll,jquery-scrollable,Jquery,Button,Tags,Scroll,Jquery Scrollable,我这里有一个可滚动的页面: 我试图在2个a标签周围放置一个p标签,这会导致可滚动标签前后移动,但无论我在a标签周围放置什么,它都会破坏滚动范围,div,p…它们都不起作用 我怎样才能解决这个问题?我认为这与滚动列表中涉及的jQuery有关 以下是页面该部分的代码: <div id="wrapper"> <div id="portfolio"> <div id="portfolio-main"> <div id="scroll"> <d
<div id="wrapper">
<div id="portfolio">
<div id="portfolio-main">
<div id="scroll">
<div class="scrollable">
<div id="thumbs">
<?php
$pages = get_pages('child_of='.$post->ID.'&sort_column=post_date&sort_order=desc&parent='.$post->ID);
$i = 1;
foreach( $pages as $page ) {
$content = $page->post_title;
if( empty($content) ) continue;
$content = apply_filters('the_content', $content);
?>
<div class="column" style="background: url(/wp-content/uploads/<?php echo $page->post_name ?>.jpg);">
<div class="desc"><a href="<?php echo get_page_link($page->ID) ?>"><h2><?php echo $page->post_title ?></h2></a><p><?php if(get_post_meta($page->ID, "date", true)) { echo get_post_meta($page->ID, "date", true); ?><br /><?php } ?><?php echo get_post_meta($page->ID, "desc", true); ?></p></div></div>
<?php $i++;
} ?>
</div>
</div>
<a class="prev banner-button">prev</a>
<a class="next banner-button">next</a>
</div>
<br clear="all" />
<script>
$(function() {
$("div.scrollable").scrollable({
size: 4,
items: '#thumbs',
hoverClass: 'hover'
});
});
</script>
</div>
</div>
</div>
最后,这里是包含可滚动内容的jQuery文件:
谢谢,
韦德试试这个:
<div id='prevnext'>
<a class="next portfolio-button">next</a>
<a class="prev portfolio-button">prev</a>
</div>
这是:
<script type="text/javascript">
$(function() {
$("div.scrollable").scrollable({
size: 4,
items: '#thumbs',
hoverClass: 'hover',
next: "#prevnext .next",
prev: "#prevnext .prev"
});
});
</script>
希望这有帮助
<script type="text/javascript">
$(function() {
$("div.scrollable").scrollable({
size: 4,
items: '#thumbs',
hoverClass: 'hover',
next: "#prevnext .next",
prev: "#prevnext .prev"
});
});
</script>