可能重复:
Mobile Webkit重排问题
我一直想弄明白这一点.我在ios上有一个固定的页脚,里面有4个链接.它们下面还有6个链接,因为它们位于下方,所以不应该是可点击的.但是在ios上,除非你首先滚动页面,否则固定页脚上的链接不起作用,而是点击它下面的链接.滚动最轻微的一点后它工作正常.我希望我能够清楚地解释这一点.
你可以在这里看到它的一个例子:
amstar.m77950.com
(在iphone上查看)
我尝试将z-index应用于页面上的每个元素,看看是否有修复.我还使用了jquery来确保z-index被应用于onLoad(尽管它本来应该是).
然而,在滚动页面之前,我仍然无法使页脚中的链接工作.
对此的任何帮助都很受欢迎.谢谢.
这是我申请元素的CSS:
.alertsBarClass {
background: url("dynamicimage.aspx?id=21844") no-repeat scroll 0 0 #EA7E25;
border-bottom: medium none;
bottom: 0;
display: block;
position: fixed;
width: 100%;
z-index: 1000;
}
Run Code Online (Sandbox Code Playgroud) 如果我使用索引助手是否可以使计数从1开始而不是0.两者:
{@idx}{.}{/idx}
Run Code Online (Sandbox Code Playgroud)
和
{$idx}
Run Code Online (Sandbox Code Playgroud)
基于零.
有谁知道这样做的方法?
如果你能这样做,那将是完美的:
{$idx + 1}
Run Code Online (Sandbox Code Playgroud)
但显然那是行不通的.
这很简单,我确定,但我是jquery的新手,有点卡住.
我写了这段完美的代码:
function engageMaps(){
$(".destinations #cancun").hover(
function () {
$(".image_map #cancunPin").addClass("active");
},
function () {
$(".image_map #cancunPin").removeClass("active");
}
);
};
Run Code Online (Sandbox Code Playgroud)
然后我尝试将项目分解为变量以使其更灵活但无法使其工作.我写了这个:
function engageMaps(){
var $destination = $(".destinations #cancun");
var pin = $(".image_map #cancunPin");
$destination.hover(
function () {
$pin.addClass("active");
},
function () {
$pin.removeClass("active");
}
};
Run Code Online (Sandbox Code Playgroud)
这应该与第一个代码块完全相同.非常感谢任何帮助
javascript ×2
css ×1
css-position ×1
dust.js ×1
function ×1
ios ×1
iphone ×1
jquery ×1
templates ×1
variables ×1