2013-01-24 54 views
0

所以我試圖做2錨一氣呵成跳躍。一個用於父頁面(這很容易),一個用於觸發模式。如何跳轉到錨點模式?

下面是我在哪裏爲止。

  1. 用戶點擊鏈接,例如, mydomain.com/page/#modal1-comment5

  2. 頁面處理片段,跳轉到<a name="modal1"></a>和觸發模式,彈出(使用jqModal),並通過$_GET發送「comment5」的模式的PHP AJAX文件。

  3. 現在<a name="comment5"></a>存在於模式和潛在的父頁上也是如此。這是因爲父頁面和模態共享代碼來顯示用戶評論。

  4. 在AJAX文件我已經試過'location.hash = "#comment5"'和父頁面上的錨跳躍。

  5. comment5.scrollIntoView()樣的作品和跳躍兩種模態和父頁面。

我的問題是,是否有可能錨定在一個模式的Ajax文件純粹是跳還是不讓它影響到父頁面?

+0

您可以使用jQuery scrollTo擴展:http://demos.flesler.com/jquery/scrollTo/ – jantimon

回答

0

嘗試做的伎倆。追加到文件隱藏錨鏈接到您的目標,以編程方式單擊它並將其刪除。像這樣:

var getComments = $.ajax({ 
    url: '/some/url', 
    success: function(response){ 
    // here somehow you handle response and put it into a modal 
    // thus <a name="commment5"></a> appeared in DOM 
    $(document.body).append('<a href="#link_to_comment5" style="display:none"></a>'); 
    $('#link_to_comment5').click().remove(); 
    } 
});