Javascript Jquerymobile.Changepage转换:someVariable

Javascript Jquerymobile.Changepage转换:someVariable,javascript,jquery,jquery-mobile,swipe,Javascript,Jquery,Jquery Mobile,Swipe,我有一个jquerymobile代码,用于使用滑动功能更改页面。我的mobile.changePage如下所示: $.mobile.changePage(“#page”+window.now,{转换: “幻灯片”},假,真) 我还使用localStorage来存储设置。我已将它们加载到变量转换设置: 函数loadSettings(){ var transitionSettings=window.localStorage.getItem(“transitionSettings”);} transi

我有一个jquerymobile代码,用于使用滑动功能更改页面。我的mobile.changePage如下所示:

$.mobile.changePage(“#page”+window.now,{转换: “幻灯片”},假,真)

我还使用localStorage来存储设置。我已将它们加载到变量转换设置:

函数loadSettings(){ var transitionSettings=window.localStorage.getItem(“transitionSettings”);}

transitionsSettings变量可以是“slide”或“none”

我想将此字符串插入我的mobile.changePage,以便它加载设置并设置正确的转换

我尝试了{transition:transitionSettings}{transition:+transitionSettings},但没有成功。但是,my loadSettings()函数位于名为settings.js的.js文件中,mymobile.changePage()位于slide.js中,它们都导入index.html

我认为slide.js应该毫无问题地访问settings.js变量。但这不起作用,整个刷卡功能都被破坏了


关于如何将设置变量导入转换的任何建议?

您只需将转换设置变量存储在全局变量中,该变量可以在代码中的任何位置访问,您可以通过将任何变量附加到窗口对象来实现,因此在您的示例中,您可以将loadSettings()函数更改为:

function loadSettings(){ var window.transitionSettings = window.localStorage.getItem("transitionsSettings");}
并在slide.js中使用它,如下所示:

$.mobile.changePage("#page"+window.now, {transition: window.transitionSettings}, false, true);
那应该行得通

此外,您也可以直接从slide.js获得设置,如下所示:

$.mobile.changePage("#page"+window.now, {transition: window.localStorage.getItem("transitionsSettings")}, false, true);

那也行。

非常感谢你。我采纳了你最后的建议,效果很好。我还没有测试第一个建议,但我认为它也会起作用。