jquery - 文本不会切换回来

标签 jquery text toggle

我有这个小切换脚本,它可以切换面板、类和文本。不过,我在切换文本时遇到了麻烦。它会在第一次点击时发生变化,但之后不会变回来。

Here是一把 fiddle 。这是相关代码:

var visibleText = "Hide";
var hiddenText = "Show";
var textChange = $("#hidewrap a span");
var dynText = textChange.text() == visibleText ? hiddenText : visibleText;

textChange.text(dynText);

谢谢!

最佳答案

首先,here's答案。

其次,说明: 你的逻辑是检查 <span></span> 的文本元素位于 $.ready 方法中。 jQuery 在每次页面加载时在内部调用此方法一次,因此逻辑只会检查一次跨度的文本值。我只是移动了逻辑检查var dynText = textChange.text() == visibleText ? hiddenText : visibleText;到 .click 中,以便每次单击链接时都会执行检查,而不是每次页面加载一次。

关于jquery - 文本不会切换回来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10672320/

相关文章:

jquery - 使用 jQuery 捕获丢失的连接或丢失的身份验证事件

javascript - fullcalendar.js 时区差异,即使没有通过任何时区或夏令时

c++ - Qt 图形用户界面 : Select multiple QLabels with mouse

MYSQL| ENCODE() 输出 blob 而不是文本

javascript - jQuery 切换不工作/点击时隐藏导航

javascript - 切换 Web 应用程序中内容的可见性

jquery - 使用 CSS 进行图像定位。 (涉及一点 jQuery)

jquery - 滚动到某个点后垂直定位DIV

javascript - 仅在选择框第二次更改后才触发更改上的 JQuery

python - 仅写入文件中某行的某些列(以空格分隔)