jQuery導致在iPhone上重新加載頁面

我正在使用這段jQuery在第一次訪問時顯示一條消息給我的用戶，並點擊'info'按鈕。jQuery導致在iPhone上重新加載頁面

$(document).ready(function() 
{ 
if(!localStorage.newVisitor) { 
    localStorage.newVisitor="true"; 
    $('#popUp').fadeIn(300); 
} 

$('#popUp').click(function(){ 
    $('#popUp').fadeOut(300); 
}); 

$('#info').click(function(){ 
    $('#popUp').fadeIn(300); 
    } 
); 
});

的HTML基本上是：

<div id="popUp">Hello</div> 
<a id="info">Info</a>

的CSS：

#popUp { 
    display: none; 
}

這是在Safari所有虎背熊腰，腳蹬dory的，但是當我這樣轉移到iPhone進行測試，每一次我點擊'Info'按鈕，彈出窗口顯示，但隨後頁面將不停地刷新，以便消息重置爲隱藏狀態。

任何想法，爲什麼這是這樣的人？

謝謝！

來源

2013-04-30 Jon Kyte

請問你的CSS實際上已經包括hashtag從 '彈出' 丟失或只是一個錯字？ – 2013-04-30 15:27:45

我的錯字，我會糾正它的清晰！感謝您的發現@BillyMoat – 2013-04-30 15:28:54

替換你：

<a id="info">Info</a>

要這樣：

<span id="info">Info</span>

CSS：

#info{cursor:pointer;}

因爲你的目標id的點擊你不需要的<a>，如<a>標籤具有某些行爲t它想要做的帽子，例如跳到頁面上的某個點或移動到另一個頁面。

來源

2013-04-30 15:27:58 Andrew

雅但標籤有不同的造型比跨度太 – 2013-04-30 15:30:48

它跳躍，因爲''如果你刪除它，那麼它會按預期工作。你可以設計一個''來看看你想要什麼。 – Andrew 2013-04-30 15:32:37

e.preventDefault（）不會跳轉到頁面頂部。 – 2013-04-30 15:38:04

試試這個：

$('#info').click(function(e){ 
    e.preventDefault(); 
    $('#popUp').fadeIn(300);   
});

順便說一句，你<a>標籤應該有一個href屬性：

<a id="info" href="#">Info</a>

來源

2013-04-30 15:28:37

jQuery導致在iPhone上重新加載頁面

回答

相關問題