【问题标题】:Tooltip with toggle div click to open, and then click to close带有切换 div 的工具提示单击以打开,然后单击以关闭
【发布时间】:2014-09-15 19:53:26
【问题描述】:

我正在开发一个带有工具提示的切换 div。

问题是我的工具提示显示“点击打开”,但是,打开切换后,工具提示只需要显示“点击关闭”

请任何人帮我做这件事。

Here 是我项目的 Zip 文件。

还有Live Link

$(document).ready(function(){
    $(".latestnews").click(function(){
        $(".latestnews_toggle").toggle(1000);
    });
});

请帮我做这件事。我需要工具提示应该根据打开关闭显示消息。关闭时显示“点击打开”,打开时应显示“点击关闭”

【问题讨论】:

  • 请发布您的相关代码,而不是可能包含任何内容的 zip 文件
  • 我还附上了实时链接。相信我,我的 zip 文件只有 html 文件,没有别的。
  • 这里有数千个关于 SO 的问题来解释切换和更改内容。请搜索。
  • "相信我,我的 zip 文件只有 html 文件,没有别的。" - 认真吗? 会相信这个保证吗?无论如何,请在此处发布您的相关代码,否则您的问题将作为题外话关闭,因为我们无法重现您的问题。
  • 下次有问题,贴代码。以今天的互联网方式,该 zip 文件可以包含任何内容,并且不会触及我的硬盘驱动器。发布 5 行代码可能比上传和链接 zip 文件花费更少的精力。

标签: javascript jquery ajax html css


【解决方案1】:

最简单的方法:添加一个“状态”变量,如var widget_is_open = false。打开小部件后,只需使用 widget_is_open = !widget_is_open; 并相应地调整文本 - 取决于变量的值。

要动态分配消息,请参阅文档:

<script>
  var widget_is_open = true;
  $(document).ready(function(){
     $(".latestnews").click(function(){
        widget_is_open = !widget_is_open;
        $(".latestnews_toggle").toggle(1000);
     });
  });
  $(document).ready(function() {
    $('.rgttool').tinytooltip({
       message: function(tip) {
          if(widget_is_open===true) {return "click to close";}
          return "click to open";
        }
     });
  });
</script> 

【讨论】:

  • 感谢您的建议,您能否提供完整的脚本。我在javascript方面没有那么强。请...
  • 使用代码 sn-p 编辑的答案(未经测试)
  • 您好,我刚刚测试过,但无论如何它都不能正常工作。请帮忙。
  • 现在使用完整的 JS 代码再次编辑。你现在应该有多个 &lt;script&gt;-tags 在你的脑海中包含像 JQuery 这样的 JS 文件和一个 &lt;script&gt;-tag 在你的身体中。
  • @user2422363 ...有人为您解决了您的问题,您现在要投票并接受这个答案吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多