Question

我目前有一个包含文字的div，并且在我的辅助导航（即猫头鹰旋转木马）的点击功能上更改了文字。

刷新页面后，我希望文本返回其原始的默认状态。我可以找到有关如何为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 MARKUP

 <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>

Answer 1

如果没有所有代码，很难完全回答你的问题。如果你设置一个jsfiddle，它会更容易。无论如何......我只想添加一个带有click功能的类，它会为你的文本添加必要的更改。如果HTML标记中没有该类，并且只有JS在点击时添加该类，则它将不会出现在页面加载中。那应该可以解决你的问题。如果不确切知道你的点击功能是什么或者更多关于你的页面的细节，我真的不能更具体。

浏览器刷新时jQuery返回页面

1 个答案: