0

JSFiddleにjQueryNivoSliderを実装できました：http： //jsfiddle.net/NinjaSk8ter/gXwuc/

ただし、これをページで機能させるのに問題があります。誰かが私のJavaScript内で問題を見ることができれば、私はそれを大いに感謝します。

問題は、別のスクリプトに対してすでにjQueryReady関数を呼び出しているためだと思います。

('#slider').nivoSlider();私はそれ自身のready関数内に機能しないものを追加しました：

$(function () {
    $('#slider').nivoSlider();
});

これが開発サイトです： http ：//www.northernvirginiapaintingcontractor.com/

2つのjQueryDocumentReady関数があります。

<script type="text/javascript">
$(function () {
    $('.box').hover(function () {
        $(this).stop().animate({
            "opacity": .5
        }, 50)
    }, function () {
        $(this).stop().animate({
            "opacity": 1
        }, 50)
    });
});

$(function () {
    $('#slider').nivoSlider();
});

</script>

マークアップは次のとおりです。

<div id="top-feature">
    <div id="wrapper">
        <a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios"></a>
        <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
            <div id="slider" class="nivoSlider">
                <img src="http://i.imgur.com/DMWEZ.jpg" alt="" />
                <a href="http://dev7studios.com">
                    <img src="http://i.imgur.com/GnASW.jpg" alt="" title="caption" />
                </a>
                <img src="http://i.imgur.com/5y96P.jpg" alt="" data-transition="slideInLeft" />
                <img src="http://i.imgur.com/9eg2i.jpg" alt="" title="#htmlcaption" />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> example <em>HTML</em> caption<a href="#">a link</a>.
            </div>
        </div>
    </div>
</div>
4

1 に答える 1

0

何らかの理由で、これはページで機能しますが、その理由は完全にはわかりません:

jQuery(function ($) {
    $('#slider').nivoSlider();
});
于 2012-04-23T19:39:53.680 に答える