Question

我已设法在视觉上调整jQuery SELECT控件只是升级...问题是，如果在任何其他页面上用户点击f5或刷新并返回到此主页，除了最后选择是呈现空白？！？！

$(document).bind("pagebeforeshow", "#home", function() {
  $("select.listings option[value='']").each(function() {

      // NOTE: This produces weird results?!?!
      var elm = $(this).parent().prev();
      console.log(elm.html());
  });
});

Answer 1

由于没有HTML或链接进行故障排除，我会从这里开始拍摄：

这种语法不会更新：

$(document).on("pagebeforeshow", function() {
  var elm = $(this).parent().prev();

  var txt  = $(this).text();
  var tmp = txt.replace("(", "<br /><small style='color: #aeaeae'>").replace(")", "</small>");

  elm.html(tmp);
}

我将假设您的html选项具有以下选项：

<select class="listings">
  <option value="">(label) text</option>
  <option value="">(label) text</option>
</select>

我可以在http://www.donboots.com/pagebeforeshow.html查看我的测试链接。我没有使用jsfiddle，因为他们可能会进行一些反缓存。

刷新后重新渲染jQuery选择控件

1 个答案: