javascript - 如何隐藏 jQuery Mobile anchor 按钮

Question

我想根据条件隐藏/显示某些 anchor 按钮，但目前这不起作用。

我有几个看起来像这样的 jQuery Mobile anchor 按钮:

<a id="lteAlabamaButton" href="#" data-role="button" data-inline="true"   onclick="lteGaugeRefresh('Alabama')">Alabama</a>

<a id="lteArkansasButton" href="#" data-role="button" data-inline="true" onclick="lteGaugeRefresh('Arkansas')">Arkansas</a>

. . .

我尝试了 $(buttonId).hide() 但它不起作用。
我也试过使用.css('display','none') 但这也不起作用。

这些 anchor 按钮位于 jQuery 移动弹出窗口的内容区域。

Answer 1

HTML

<a id="lteAlabamaButton" href="" data-role="button" data-inline="true">Alabama</a>
<a id="lteArkansasButton" href="" data-role="button" data-inline="true">Arkansas</a>

JavaScript

$(document).ready(function(){

  $('[data-role="button"]').click(function() {
       var title = $(this).find('.ui-btn-text').html();
       $(this).hide();            
  });

})