JQuery прокрутка Next/Prev кнопка не может быть завернута в других Метки

Question

У меня есть прокручивать собираются здесь: http://treethink.treethink.net/portfolio/

Я пытаюсь поставить ар тег вокруг 2 тегов, которые вызывают прокручивать, чтобы двигаться вперед и назад но независимо от того, что я помещаю в теги, он разбивает прокрутку (span, div, p ... Все они не работают)

Как это решить? Я предполагаю, что это как-то связано с jQuery, участвующим в прокручиваемом.

Вот код для той части страницы:

<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> 

Вот стиль, который я пытаюсь обернуть его в:

#main-buttons{ 
    height: 30px; 
    width: 560px; 
    top: 460px; 
    right: 0; 
    position: absolute; 
    z-index: 1; 
    text-align: right; 
} 

И, наконец, вот файл JQuery, который включает в себя прокручивать материал: http://treethink.treethink.net/wp-content/themes/treethink/scroll/jquery.tools.min.js

Спасибо, Wade

Answer 1

попробовать это:

<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> 

надежду, что эта помощь.