0

何らかの理由で、タブにあるjqueryが機能せず、ロードしている実際のリンクで正常に機能します。

ヘッダーで使用されているJSは次のとおりです。

<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="js/royal-slider-2.0.js"></script>   
<script type="text/javascript" src="js/jquery.xdomainajax.js"></script>

<script>
    $(function() {  
        $.internshipSlider = new RoyalSlider("#internshipPrograms", {
            directionNavEnabled:true,
            directionNavAutoHide:false,
            controlNavEnabled:false,
            welcomeScreenEnabled:false
        });

        $.internshipSlider.settings.beforeSlideChange = function() {
            // change the "active" state for the slide in the nav
            $("#nav"+this.lastSlideId).removeClass("active");
            $("#nav"+this.currentSlideId).addClass("active");
        }

        $.internshipSlider.settings.afterSlideChange = function() {
            //currently not doing anything after slide change
        }





    function sliderChange(slideIndex) {
        // public function for changing the slides via a link
        $.internshipSlider.goTo(slideIndex);
    }



    /* --- EXPANDED TEXT --- */
    var hiddenText = true;
    function toggleExpandedText () {
        if (hiddenText) {
            $("#text-box-expanded").show("blind");
            $("#moreTextBtn").text("Hide...");
            hiddenText = false;
        } else {
            $("#text-box-expanded").hide("blind");
            $("#moreTextBtn").text("More...");
            hiddenText = true;
        }
    }




</script>

これをページにロードして機能させるための手順がありませんか？DOMに問題がありますか？申し訳ありませんが、私はこれに不慣れであり、これを迅速に行うためのプレッシャーがあります。これについて助けていただければ幸いです...

ありがとう！

4

1 に答える 1

0

Chrome デバッガー ツールの JavaScript コンソールでエラーを確認し、投稿したコードに jquery が含まれていないため、実際に参照されていることを確認します。

于 2011-09-08T05:25:35.353 に答える