Javascript 如何使用JQuery Mobile跨页面同步切换选择？

我需要一个多页的html，每个页面都包含一个相同的切换。当用户更改一个页面上的切换时，其他页面上的所有切换都应该更改（或者至少在加载其他页面时更改）

我创建了一个提琴来演示一个简单的场景，其中有一个两页的示例，每个页面上都有相同的切换。我希望能够通过切换第1页上的切换来更改第2页上的切换

我尝试了很多方法，是的，在尝试使用javascript操作后，我包括了一个刷新，但由于我在编程上的挑战性，我甚至没有接近：-/

如果有人能提出一个简单的解决方案，我将不胜感激

---

Thx

单击按钮时尝试设置全局属性，并将其存储在$（'html'）上，如下所示：

 $('html'). attr('toggleIs',true);

然后，您可以在pagebforeshow上检查这一点，并根据按钮状态将切换状态添加到所有正在拉入视图的新页面上的按钮

编辑
这是一个（忽略第一个警报）

以下是html：

$(document).on('change', '.your_select', function(){
  // set
  if( $(this).find('option:selected').val() == "on" ){
       $('html').data('toggle', 'on');
       } else {
       $('html').data('toggle', 'off');
       }
  });

$(document).on('pagebeforeshow', '.ui-page', function(){

  var that = $(this).find('.your_select');
  // clear
  that.find('option').removeAttr('selected');
  // reset
  if($('html').data('toggle') == "on" ){
      alert("should be on")
      that.find('select option[value="on"]').attr('selected', 'selected')
      } else {
        alert("should be off")          
        that.find('option[value="off"]').attr('selected', 'selected')
        }
 // refresh slider
 ... 
 });

请注意:

• 我花了一些时间了解您在哪里使用jquery 1.6.4，因此我的绑定无法工作。如果希望保留，则需要使用live进行绑定，以捕获正在拉入的页面
• 我给所有的滑块上了一节课，把它们放在一起
• 我无法使JQM滑块（“刷新”）在滑块或任何父元素上工作。。。您必须自己解决这个问题，但同步正在工作：-）

---

谢谢-这正是我想要的东西。不幸的是，我不知道我将如何在页面上实现这一点-我可以麻烦你编辑小提琴页面，这样我就可以看到一个工作的例子吗？谢谢你的努力。当我滑动滑块并更改页面时，它们似乎不同步。从你上面写的，这是由于刷新不工作，对吗？在这种情况下，这可能就是为什么无论我以前尝试过什么，到目前为止我都无法让它起作用。。。谢谢你的帮助，你帮了我大部分的路（希望如此！）没问题。也可能是我没有得到滑块。刷新工作。检查JQM文档，也许你可以比我做得更进一步。。。