Question

由于某些原因，我在我的选项卡上的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的问题？对不起，我是新手，并且在一定压力下快速完成这项工作。我很感激任何帮助...

谢谢！

Answer 1

在Chrome调试工具中检查您的javascript控制台是否存在错误，并确保实际引用了jquery，因为它不在您发布的代码中。

使用iframe在页面选项卡中进行Jquery

1 个答案: