javascript - 取消 slider 无法与按钮一起使用

Question

我正在使用开源“unslider”，并且我使用代码来启用按钮“滑动”到一个或另一个图像。 此处提供的代码:http:www.unslider.com “添加上一行/下一行”不起作用。

我提供了我正在使用的 css 规则和 html 标签:

div class="wrapper">
<div id="banner_promos">
<!-- Botones del banner e imagen -->
    <div id ="left_arrow">
        <a href="#" class="unslider-arrow prev"><img src="images/arrow-left-02.png" width="40" height="40"></a>
    </div>
    <div id ="right_arrow">
        <a href="#" class="unslider-arrow next"><img src="images/arrow-right-01.png" width="40" height="40"></a>
    </div>
    <div id="img_banner" class="banner">
        <script src="pages/scripts/slider.js"></script>
        <ul>
            <li>
                <img src="images/promos/pepes_promo.jpg" width="700" height="350"/>
            </li>
            <li>
                <img src="images/promos/guidos_promo.jpg" width="700" height="350"/>
            </li>
        </ul>
    </div>
</div>

这是 CSS 规则:

    #left_arrow, #right_arrow{
    margin-top:140;
}
#left_arrow{
    float:left;
}
#right_arrow{
    float:right;
}
#img_banner{
    /*float:left;
    */
}
.banner { position: relative; overflow: auto; top: 0px }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

我使用的代码如下:

var unslider = $('.banner').unslider();
$('.unslider-arrow').click(function(event) {
    alert('entra');
    event.preventDefault();
    if ($(this).hasClass('next')) {
      unslider.data('unslider')['next']();  
    } else {
      unslider.data('unslider')['prev']();  
    };
});

Answer 1

把你的代码放进去

$(document).ready(function () {
// code goes here
});