0

我正在尝试使用 JQM 单选按钮在两个视图之间切换（全部与过滤列表）。我正在尝试将脚本附加到changed将切换视图的事件。加载新页面时，我希望突出显示相应的单选按钮以反映当前视图。

在下面的示例中，我得到了看似不稳定的行为（尽管它当然是确定性的；我只是不理解这种行为）。我有两个相同的页面，除了两个方面：

  • 在这两个页面中，带有checked元素集的单选按钮是不同的。
  • 在这两个页面中，正文内容（在单选按钮下方）不同。

加载下面的页面时，All Trips会适当地突出显示。如果我单击该My Trips按钮，页面会发生变化：另一个单选按钮会突出显示，并且正文会发生变化。但是当我点击All Trips第二页上的按钮时，body 发生了变化，单选按钮短暂地发生了变化，但随后又回到了My Trips状态。

如果我从第二页开始，就会发生类似的行为。

<div data-role="page" data-cache="never" id="mainpage">
    <div data-role="content">
        <fieldset data-role="controlgroup" data-type="horizontal" class="trippick">
            <input type="radio" name="radio-choice" id="radio-choice-all-trips" value="all" checked="checked" />
            <label for="radio-choice-all-trips">All Trips</label>
            <input type="radio" name="radio-choice" id="radio-choice-my-trips" value="mine" />
            <label for="radio-choice-my-trips">My Trips</label>
        </fieldset>

        <script type="text/javascript">
        $(":radio[name='radio-choice']").change(function () {
                    var selection=$(this).val();
                    if (selection == "mine") {
                        $.mobile.changePage("opt2.html");
                    } else {
                        $.mobile.changePage("opt1.html");
                    }
                });
        </script>

        <p>[All trips shown here.]</p>
    </div>
</div>
4

0 回答 0