文章/答案/技术大牛

发布

社区首页 >问答首页 >我可以将文本切换为消失，但无法显示超链接文本

问我可以将文本切换为消失，但无法显示超链接文本
EN

Stack Overflow用户

提问于 2012-05-28 06:13:23

回答 1查看 143关注 0票数 1

尝试通过单击超链接来更改按钮的可见性和超链接的文本。

我有按钮显示/消失ok，但我不能让文本更改为超级链接。

没有错误消息，但链接文本没有变化。

你知道哪里出问题了吗？(或如何更好地诊断)。

<html>
<head>
<script src="jquery.js"></script>
<script>
  $(document).ready(function(){ 
    $('#button-selector').click (function(e) {
      e.preventDefault(); 
      $('#buttons').toggleClass('hidden'); 
      $('#button_toggle').toggle(function() { 
        $('a#button_selector').text('Show Buttons'); 
      }, function() {
        $('a#button_selector').text('Hide Buttons'); 
      });
    });
  });
</script>
<style>
  .small-text {font-size: x-small}
  .medium-text {font-size: small}
  .large-text {font-size: medium}
  #buttons.hidden {display: none}
  #buttons.shown {display: normal}
  #button_toggle {padding: 1em;}
</style>
</head>
<body>
  <div id="button_toggle"><a href="" id="button-selector">Hide buttons</a></div>
  <div id="buttons">
    <button id="small-text">Small</button>
    <button id="medium-text">Medium</button>
    <button id="large-text">Large</button>
  </div>
</body>
</head>

javascript

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-28 06:18:01

您可以基于#buttons元素的可见性来创建新文本。

$('#button-selector').on("click", function(e) {
  e.preventDefault(); 
  $('#buttons').toggle(0,function(){
    $(e.target).text(function(){
      return $("#buttons").is(":visible") ? "Hide buttons" : "Show buttons" ;
    });
  });
});

小提琴：http://jsfiddle.net/wmn7C/

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10777659

复制

相似问题

问我可以将文本切换为消失，但无法显示超链接文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以将文本切换为消失，但无法显示超链接文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我可以将文本切换为消失，但无法显示超链接文本
EN