JQuery bxslider冲突

Question

我正在开发一个每页3-4个滑块（bxsliders）的网站，我的问题是想逐个格式化，特别是下面按钮的高度和边距（http://bxslider.com/examples/manual-show-without-infinite-loop），但是bxslider.css上的那个字段为所有滑块提供服务。

JS：

    $('#namesJobsMob').bxSlider({
        infiniteLoop: false,
        hideControlOnEnd: true,
        touchEnabled:true
});
        $('#missValMob').bxSlider({
        infiniteLoop: false,
        hideControlOnEnd: true,
        touchEnabled:true
});

CSS：

.bx-wrapper .bx-pager.bx-default-pager a {
margin: -50px 25px;
}

例如：我欠一个保证金保证金：-50px 25px;和另一个保证金：-10px 40px;

Answer 1

当我想在页面中有多个bxsliders时，我将它们逐个包装在div中。例如：

<div id="firstslider">
<ul id="slider1">
<li>image1</li>
<li>image2</li>
</ul>
</div>

<div id="secondslider">
<ul id="slider2">
<li>image3</li>
<li>image4</li>
</ul>
</div>

之后，您可以通过以下方式定位特定的.bx-wrapper：

#firstslider .bx-wrapper .bx-pager.bx-default-pager a {
margin: -50px 25px;
}