2013-08-01 99 views
0

需要jquery在頁面重新加載後生效,點擊前一頁觸發 (觸發器在一個頁面中,事件在另一個頁面中)。 。需要jquery在頁面重新加載後生效,點擊前一頁觸發

$(function({ 
    $('#trigger').click(function(){ 
    $('#event').addClass('myclass'); 
    }); 
}); 

這裏#trigger按鈕是在一個頁面,#event在另一頁。我需要添加類#event只有當點擊#trigger按鈕,鏈接到頁面(<a href="next-page-link" id="#trigger">button</a>)否則,如果登陸該網頁上與其他錨,我不需要該類被添加到#event ..

任何想法?

/index.html:

回答

0

這樣做。哈希參數添加到點擊進入下一頁像這樣的鏈接:

<link_to_next_page>#trigger

然後在接下來的頁面中使用jQuery來分析查詢字符串,看看你是否有一個哈希值,如果是使用它更新#event元素。

您可以使用$(location).attr('hash');來獲取當前網址的散列。如果沒有散列,它將返回一個空字符串。

編輯:詳細代碼:

確定,所以在第一頁,你有此鏈接:

<a href='nextpage#trigger' />

並在第二頁則有以下jQuery腳本:

$(document).ready(function(){ 
    var hash = window.location.pathname 
    if(hash == 'trigger') 
    $('#event').addClass('myclass'); 
}); 
+0

變種路徑名= window.location.pathname;如果(路徑名=='/ deluxe/products /'){('#event')。addClass('myclass'); 請點擊這裏代碼詳細..謝謝 } }); – Access

+0

滿意嗎?理解? –

0

您可以使用localStorage來捕獲#trigger上的click事件,然後檢查是否按下了#trigger m第二頁。

實施例:

第1頁:

$(function({ 
    $('#trigger').click(function(){ 
    window.localStorage.triggerClicked = true; 
    }); 
}); 

第2頁:

$(function({ 
    if(window.localStorage.triggerClicked == true){ 
    $('#event').addClass('myclass'); 
    window.localStorage.removeItem('triggerClicked'); 
    } 
}); 
+0

我是否需要在單獨的頁面上調用這些單獨的jquery? 我可以在普通的js文件中調用這些代碼嗎? – Access

相關問題