jquery - WordPress での carouFredSel jQuery

Question

このhtmlコードのスライダーとしてcarouFredSel jQueryを使用しています:

<div class="list_carousel">
        <ul id="foo">
            <li>c</li>
            <li>a</li>
            <li>r</li>
            <li>o</li>
            <li>u</li>
            <li>F</li>
            <li>r</li>
            <li>e</li>
            <li>d</li>
            <li>S</li>
            <li>e</li>
            <li>l</li>
            <li> </li>
        </ul>
        <div class="clearfix"></div>
        <a id="prev" class="prev" href="#">&lt;</a>
        <a id="next" class="next" href="#">&gt;</a>
        <div id="pager2" class="pager"></div>
    </div>

そしてjquery

<script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.carouFredSel-6.2.0.js"></script>
<script>
$(document).ready(function() {
$('#foo').carouFredSel({
                    auto: false,
                    prev: '#prev',
                    next: '#next',
                    pagination: "#pager",
                    mousewheel: true,
                    swipe: {
                        onMouse: true,
                        onTouch: true
                    }
                });
});
</script>

標準の html で使用すると問題なく動作しますが、コードを WordPress サイトに転送すると、クエリが機能しません。何が間違っている可能性がありますか?

Answer 1

ワードプレスのヘッダーとフッターを追加します。それは私のために働いた。乾杯。

Answer 2

これを解決したかどうかはわかりませんが、hexblot は正しいです。競合を避けるために「$」を「jQuery」に切り替えてください。

Answer 3

確かにスクリプトソースの間違いかもしれません..そのWebサイトに貼り付けるときに参照したパスに注意してください....