asp.net网站在手机上浏览速度慢?
如题,在程序中有个列表(UL)切换功能,我是把所有数据都已经加载到页面中,切换时是通过显示与隐藏控制(写在JS中)。
在电脑上浏览页面时,切换反应很快,但是在手机上浏览时,切换列表有个停顿将近1秒。
不知道是什么原因?会是因为执行JS慢吗?怎么优化?
js如下:
function SelectBrand(brandType, letters, filterid) {
//设置选择样式
if (filterid != null && filterid != "") {
$("#filter-brands-sel .selected").removeClass("selected");
$("#" + filterid).attr("class", 'selected');
}
//隐藏所有UL
$("#brands-parameters ul").hide();
//显示指定UL
if (brandType == 0) {
$("#brands-sel-hot").show();
}
else if (brandType == 1) {
$("#brands-sel-" + letters).show();
}
else {
$("#brands-sel-Other").show();
}
}
其中一个UL如下:
<ul id="brands-sel-hot" style="display: none;">
<li>
<label id="pp2" onclick="SearchBrand('2','诺基亚')">
<em>诺基亚</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp439" onclick="SearchBrand('439','小米')">
<em>小米</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp158" onclick="SearchBrand('158','HTC')">
<em>HTC</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp1" onclick="SearchBrand('1','摩托罗拉')">
<em>摩托罗拉</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp10" onclick="SearchBrand('10','三星')">
<em>三星</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp35" onclick="SearchBrand('35','中兴')">
<em>中兴</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp118" onclick="SearchBrand('118','魅族')">
<em>魅族</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp98" onclick="SearchBrand('98','苹果')">
<em>苹果</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp62" onclick="SearchBrand('62','华为')">
<em>华为</em><span class="checkbox"></span>
</label>
</li>
<li>
<label id="pp13" onclick="SearchBrand('13','索尼')">
<em>索尼</em><span class="checkbox"></span>
</label>
</li>
</ul>