Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery在加载时跳转到iframe_Javascript_Jquery_Html_Css_Iframe - Fatal编程技术网

Javascript Jquery在加载时跳转到iframe

Javascript Jquery在加载时跳转到iframe,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我正在建立一个网站,主要内容使用手风琴面板。我设置它让所有的面板在页面加载时打开,但是现在当页面完成后,加载到页面中间的 。我对javascript和jquery非常陌生,非常感谢您的帮助。此外,使用它需要很长时间才能加载,但若并没有它,加载速度会很快。有没有办法使用使加载更快?提前谢谢你 这是我的页面: 它正在跳转到特定的: <iframe src="http://gis.cmpdd.org/madison/" width="100%" height="1000px"></i

我正在建立一个网站,主要内容使用手风琴面板。我设置它让所有的面板在页面加载时打开,但是现在当页面完成后,加载到页面中间的<代码> <代码>。我对javascript和jquery非常陌生,非常感谢您的帮助。此外,使用它需要很长时间才能加载,但若并没有它,加载速度会很快。有没有办法使用
使加载更快?提前谢谢你

这是我的页面:

它正在跳转到特定的

<iframe src="http://gis.cmpdd.org/madison/" width="100%" height="1000px"></iframe>

以下是Jquery:

(function($) {
$(document).ready(function () {
    /*-------------------- EXPANDABLE PANELS ----------------------*/
    var panelspeed = 500; //panel animate speed in milliseconds
    var totalpanels = 6; //total number of collapsible panels
    var defaultopenpanel = 1; //leave 0 for no panel open
    var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once      

    var panelheight = new Array();
    var currentpanel = defaultopenpanel;
    var iconheight = parseInt($('.icon-close-open').css('height'));
    var highlightopen = true;

    $('.nav a').click(function() {
     $($(this).attr('href')).find('.expandable-panel-heading').click();
    });

    //Initialise collapsible panels
    function panelinit() {
            for (var i=1; i<=totalpanels; i++) {
                panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height'));
                $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]);
                $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px');
                $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0);
            }
    }

    $('.expandable-panel-heading').click(function() {
        var obj = $(this).next();
        var objid = parseInt($(this).parent().attr('ID').substr(3,2));
        currentpanel = objid;
        if (accordian == true) {
            resetpanels();
        }

        if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px');
            obj.animate({'margin-top':0}, panelspeed);
            if (highlightopen == true) {
                $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active');
            }
        } else {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px 0px');
            obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed);
            if (highlightopen == true) {
                $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active');
            }
        }
    });

    function resetpanels() {
        for (var i=1; i<=totalpanels; i++) {
            if (currentpanel != i) {
                $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px');
                $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed);
                if (highlightopen == true) {
                    $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active');
                }
            }
        }
    }

   //Uncomment these lines if the expandable panels are not a fixed width and need to resize
   $( window ).resize(function() {
      panelinit();
    });

    $(window).load(function() {
        panelinit();
    }); //END LOAD
}); //END READY
})(jQuery);
(函数($){
$(文档).ready(函数(){
/*--------------------可扩展面板----------------------*/
var panelspeed=500;//以毫秒为单位的面板动画速度
var totalpanels=6;//可折叠面板的总数
var defaultopenpanel=1;//保留0表示没有面板打开
var accorbian=false;//将面板设置为类似于accorbian,一次只能打开一个面板
var panelheight=新数组();
var currentpanel=defaultopenpanel;
var iconheight=parseInt($('.icon-close-open').css('height'));
var highlightopen=true;
$('.nav a')。单击(函数(){
$($(this.attr('href'))。查找('.expandable panel heading')。单击();
});
//初始化可折叠面板
函数panelinit(){

对于(var i=1;i尝试添加
$('html,body')。动画({scrollTop:0},0);
$(文档)之后。准备(函数(){

尝试添加
$('html,body')。动画({scrollTop:0},0);
$(文档)之后。准备(函数(){

我查看了iframe,嵌入其中的页面相当大,它加载了很多javascript文件


我建议不要加载它,而是在它的位置显示一个带有该站点链接的图像(或者在单击时用iframe替换图像)。这将消除不必要的滚动作为副作用。

我已经查看了iframe,嵌入其中的页面相当大,它加载了很多javascript文件


我建议不要加载它,只在它的位置显示一个带有该站点链接的图像(或者在单击时用iframe替换图像)。这样可以消除不必要的滚动作为副作用。

@Clyde我尝试了你的建议,但什么都没有changed@AbigailHardin试试这个
$('html,body')。制作动画({scrollTop:0},0);
@AbigailHardin位于底部,因此它会在所有其他文件执行后执行。希望它能起作用。@Clyde我尝试了你的建议,但什么都没有changed@AbigailHardin改为试试这个
$('html,body')。动画({scrollTop:0},0);
@AbigailHardin位于底部,因此它在所有其他元素执行之后执行。希望它能工作。谢谢,是的,这可能是最简单的事情。我会这么做。jquery直接指向
,这看起来很奇怪。我不明白。我猜在iframe中加载的页面在运行时会将焦点放在其中一个元素上已加载。这会将页面向下滚动到iframe,以使具有焦点的元素可见。谢谢,是的,这可能是最简单的事情。我会这样做。jquery直接指向
,这确实看起来很奇怪。我不明白。我猜在iframe中加载的页面在加载时会将焦点设置在其中一个元素上这会将页面向下滚动到iframe,使具有焦点的元素可见。