1
特定のURLに移動すると、最初のコンテンツが読み込まれ、urlパラメータが解釈されてコンテンツが変更されます。私のローカルマシン上jQueryコンテンツの表示/非表示時の意図しない遅延
これは別名とても速くあなたが任意の遅延を見ることができない、「lickety分割を」が起こります。しかし、約5秒後にそのURLに行くと、コンテンツは最終的に隠され、正しいコンテンツが表示されます。 jsは下にあり、ここにはちょっとしたhtmlスニペットがあります。
例のURL：www.example.com/page1.aspx?nav=2012?id=113 & PID = 2
HTML：
<div id="default">content</div>
<div id="mobile2012" style="display:none;">content</div>
Javascriptを：
var querystring = location.search.replace('?', '').split('?');
var queryObj = {};
for (var i = 0; i < querystring.length; i++) {
var name = querystring[i].split('=')[0];
var value = querystring[i].split('=')[1];
queryObj[name] = value;
}
////////
var subNavDestination = queryObj["nav"];
////////
urlParams(subNavDestination);
function urlParams(subNavDestination) {
var displayInformation;
switch (subNavDestination) {
case 'about': displayInformation = "AboutEarthquakeIns";
break;
case 'homeowner': displayInformation = "Homeowner2012Content";
break;
case 'renter': displayInformation = "Renter2012Content";
break;
case 'mobilehome': displayInformation = "Mobilehome2012Content";
break;
case 'condo': displayInformation = "Condominium2012Content";
break;
case '2011': displayInformation = "pdf2011";
break;
case '2012': displayInformation = "pdf2012";
break;
default: displayInformation = "GeneralContent";
}
if (displayInformation != "AboutEarthquakeIns") {
//$('#PolicyTypes2012 .sideNavPolicyType').slideToggle();
$('#PolicyTypes2011 .sideNavCoverage').slideUp();
}
if (displayInformation == "pdf2011") {
controlContentVisibility("pdf2011");
$('#PolicyTypes2011 .sideNavPolicyType').slideToggle();
$('#PolicyTypes2011 .sideNavCoverage').slideUp();
setActiveLink();
setSelectedPolicyType();
hideYearSubMenus(2012);
}
else if (displayInformation == "pdf2012") {
controlContentVisibility("pdf2012");
$('#PolicyTypes2012 .sideNavPolicyType').slideToggle();
$('#PolicyTypes2012 .sideNavCoverage').slideUp();
setActiveLink();
setSelectedPolicyType();
hideYearSubMenus(2011);
}
controlContentVisibility(displayInformation);
}
そのスクリプトをダウンロードするには、ブラウザに要する時間です。なぜこのデータのすべてをクライアントに提供し、そのほとんどを隠すのでしょうか？効率が悪く、望ましくないユーザーエクスペリエンスをもたらすことは間違いありません。 –
また、クエリ文字列の構文が正しくありません。決して複数の疑問符があるべきではありません。 –
コンテンツ管理システムでは、私が制御できないクエリ文字列paramsを混乱させています。そのため、2つの？があります。このコンテンツをすべてユーザーに提供することに関しては、90％のテキストであり、私は複数のページを持つことを避けようとしています。あなたの考えをありがとう。 – BRogers