Javascript 如何在页面加载而不是单击事件时将Jquery accordion属性传递给面板
嗨,我正在打开外部链接页面的手风琴面板。其工作正常,但页面未到达手风琴面板处于活动状态的顶部。在某些情况下,它是屏幕外的(在可见页面区域下方)。 如何将我的活动面板移动到页面顶部。如果我单击面板,而不是使用类似url的paqge load,则工作正常Javascript 如何在页面加载而不是单击事件时将Jquery accordion属性传递给面板,javascript,jquery,jquery-ui-accordion,Javascript,Jquery,Jquery Ui Accordion,嗨,我正在打开外部链接页面的手风琴面板。其工作正常,但页面未到达手风琴面板处于活动状态的顶部。在某些情况下,它是屏幕外的(在可见页面区域下方)。 如何将我的活动面板移动到页面顶部。如果我单击面板,而不是使用类似url的paqge load,则工作正常 http://22april/imagine2013.php?id=1$panel=10#accordion 这个url为我提供了活动的手风琴面板,但当点击面板时,页面并没有显示在顶部 function getParam(name) { var
http://22april/imagine2013.php?id=1$panel=10#accordion
这个url为我提供了活动的手风琴面板,但当点击面板时,页面并没有显示在顶部
function getParam(name) {
var query = location.search.substring(1);
var myString = query.substr(query.indexOf("$") + 1)
if (myString.length) {
var parts = myString.split('&');
for (var i = 0; i < parts.length; i++) {
var pos = parts[i].indexOf('=');
if (parts[i].substring(0,pos) == name) {
return parts[i].substring(pos+1);
}
else{
return parts[i].substring(pos);
}
}
}
return 0;
}
$(function () {
var defaultPanel = parseInt(getParam('panel'));
$("#accordion").accordion({
heightStyle: "content",
collapsible:true,
active:defaultPanel,
navigation:true,
activate: function (event, ui) { //this particular code works when i click on accordion but not when page load and targeted accordion opens on that page.
var scrollTop = $(".accordion").scrollTop();
console.log(ui.newHeader);
if(!ui.newHeader.length) return;
var top = $(ui.newHeader).offset().top;
$("html,body").animate({
scrollTop: scrollTop + top - 5
}, "slow");
}
});
函数getParam(名称){
var query=location.search.substring(1);
var myString=query.substr(query.indexOf(“$”)+1)
if(myString.length){
var parts=myString.split('&');
对于(变量i=0;i<ul id="accordion" class="accordion">
<li><a href="#">TEXT</a>
<ul id="ac1" class="accordion1">
<li> <a href="#">Title of second accordion</a>
<ul>Content of second accordion</ul>
</li>
</ul>
</li>
-
-
第二个手风琴的内容
如果需要更多信息,请告诉我。
帮我做这件事