2015-10-30 235 views
0

我目前有一個div,其中包含文本,並有我的輔助導航(這是貓頭鷹旋轉木馬)的點擊功能的文本更改。jQuery返回瀏覽器刷新頁面

一旦頁面被刷新,我希望文本返回到其原始的默認狀態。我可以找到有關如何爲jQuery創建刷新按鈕的說明,但我不想使用按鈕,只需在瀏覽器中進行刷新即可。我想要做不可能的事情嗎?我可以用什麼樣的腳本或代碼來實現這一點?

這裏有幾件事情我已經試過:

$(document).ready(function() { 
$("div[data-role*='page']").live('pagehide', function(event, ui) { 
      if ($(this).children("div[data-role*='content']").is(".command-no-cache")) 
       $(this).remove(); 
}); 
}); 

的另一種嘗試:

$(document).ready(function() { 
refresh = function (selector) 
{ 
try 
{    
$('#TextLeft').html('refresh'); 
} 
catch (e) 
{ 
} 
}); 

HTML標記

<div class="ImageRight"> 
<img src="links/00-PlaceholderLarge.jpg"/> 
</div> 

<div class="TextLeft"> 

<div class="headline"> 
    <img src="links/AboutUs.png"/> 
</div> 

<div class="lineGreen"></div> 

<div class="tabs"> 

<div id="about">  
<h3>Headline</h3> 
<p>TEXT</p> 
</div> 

<div id="first"> 
<h3>Headline</h3> 
<p>TEXT</p> 
</div> 

<div id="second"> 
<h3>Headline</h3> 
<p>TEXT</p> 
</div> 

<div id="third"> 
<h3>Headline</h3> 
<p>TEXT</p> 
</div>  

</div>  
</div> 
</div> 

<div class="clearfix"></div> 

<div id="Gray"> 
<div id="owl-demo" class="owl-carousel owl-theme"> 

<div class="ImageContainer Purple"> 
     <div id="PurpleColor"> 
      <h2>TITLE</h2> 
    </div> 

      <div class="photo grow"> 
      <a href="#first" id="1">   
       <img src="links/AboutUs-IMG1.jpg" /> 
       </a> 
      </div> 

     <div class="ImageFooter" id="Purple"> 
      <p class="ImageContainerP">Headline</p> 
     </div> 
    </div> 

<div class="ImageContainer Green"> 
     <div id="GreenColor"> 
      <h2>TITLE</h2> 
     </div> 

     <div class="photo grow"> 
      <a href="#second" id="2"> 
      <img src="links/AboutUs-IMG2.jpg"/> 
      </a> 
     </div> 

     <div class="ImageFooter" id="Green"> 
      <p class="ImageContainerP">Headline</p> 
    </div></div> 

<div class="ImageContainer Blue"> 
     <div id="BlueColor"> 
      <h2>TITLE</h2> 
     </div> 

     <div class="photo grow"> 
     <a href="#third" id="3"> 
      <img src="links/AboutUs-IMG3.jpg"/> 
      </a> 
     </div> 

     <div class="ImageFooter" id="Blue"> 
      <p class="ImageContainerP">Headline</p> 
     </div> 
    </div> 

</div> 
</div> 
</div> 
+3

請發佈您到目前爲止嘗試使用的代碼 – messerbill

+0

難道你不能僅僅添加一些在文檔/窗口就緒事件上執行的腳本,它將文本恢復爲其默認值?您需要提供更清晰的問題陳述和先前的嘗試,以便我們獲得足夠的信息以給出正確的答案。 – Serlite

+0

你能給我們的div的HTML?我不明白爲什麼div在你刷新頁面時不會回到原來的狀態。這不應該保持JavaScript對DOM做任何更改。 – Anders

回答

1

它很難完全回答你的問題都沒有的代碼。如果你設置了一個jsfiddle,它會更容易。無論如何...我只需添加一個帶有點擊功能的類,將必要的更改添加到您的文本中。如果該類不存在於HTML標記中,並且僅在點擊時被JS添加,則它將不會在頁面加載時出現。這應該可以解決你的問題。我不能確切地知道你的點擊功能是做什麼的,或者你的網頁更具體。

+0

感謝您的建議和抱歉的困惑 - 經過額外的研究,我發現我問的是錯誤的問題。我正在使用散列滾動瀏覽貓頭鷹傳送帶,而我所要做的就是清除重載的散列值:location.hash =「」;生活和學習,我想。 –