0

レイアウトを崩さずにアンカーテキストを変更するには? この場合、関数をトリガーすると、レイアウトが完全に台無しになります。アイコンをそのままにして、テキストのみを変更したい。

HTML:

<a href=# id="change">login</a>
<footer id="footer" data-role="footer" data-position="fixed">
  <div id="nav" data-role="navbar">
    <ul>
      <li><a href="#" data-icon="home" data-iconpos="bottom">Home</a></li>
      <li><a href="#login" data-icon="gear" data-iconpos="bottom" data-transition="flip" class="ui-btn-active ui-state-persist">Login</a></li>
      <li><a href="#info" data-icon="info" data-iconpos="bottom" data-transition="flip">Info</a></li>
    </ul>
  </div>
</footer>

JS:

$(function(){
  $("#change").click(function(){
    $("li:nth-child(2) a").text("Profile");
  });
});

ここに jsFiddle リンクがあります。

ありがとう！

4

1 に答える 1

0

fromのテキストを に置き換えようとしているため、内部のマークアップ全体を削除しています。あなたはもっと深く行かなければならないでしょう。alinkprofile

を設定するdata-icon=somevalueと、jQM はタグspan内に 2 つの要素を設定しaます。最初の要素はテキストに使用され、もう 1 つはアイコンに使用されます。テキストのみを変更する必要がある場合は、".ui-btn-text"内のクラスにアクセスする必要がありaます。

$("li:nth-child(2) a").find(".ui-btn-text").text("Profile");

デモ ：http://jsfiddle.net/hungerpain/xuLS2/1/

お役に立てれば！:)

于 2013-06-13T09:42:19.637 に答える