从滑块内执行代码

时间:2011-11-23 20:24:56

标签: jquery

我的老板想要这个功能,所以我知道这是令人费解的。我基本上试图在滑块内有一个滑块。将有一个滑块可以移入和移出div,但每个div上都有滑块可以移动和移出自己的div。问题是内部div上的代码没有运行,因为它在加载时不在页面上。无论如何,滑块移动后可以执行吗?

我正在使用bxslider

这是标记:

<div id="slider1">

    <div class="food">

        <div class="inner_slide">

            <div id="slider2">

                <div class="fruit">Apples</div>
                <div class="fruit">Pears</div>

            </div>

        </div>

    </div>

    <div class="drinks">

        <div class="inner_slide">

            <div id="slider3">

                <div class="fruit">Water</div>
                <div class="fruit">Tea</div>

            </div>

        </div>

    </div>

</div>

这是jQuery

$(function(){
  $('#slider1').bxSlider({
    infiniteLoop: false,
    hideControlOnEnd: true,
    pager: true,
    randomStart: true
  });

  $('#slider2').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    controls: false,
    randomStart: true
  });

  $('#slider3').bxSlider({
    mode: 'fade',
    captions: true,
    auto: true,
    controls: false,
    randomStart: true
  });
});

1 个答案:

答案 0 :(得分:0)

看看这个有用http://jsfiddle.net/2xNAp/你可以发布一个你的jsfiddle示例,以便我可以调试你的代码。

为什么你需要一个说内滑的div?摆脱它并尝试