Question

好的，我正在使用Bootstrap框架构建一个站点。我发现了我添加的两个优秀的功能 - 唯一的事情就是它很棒我可以一起工作。

1）视口按钮 - 这使用户可以选择在平板电脑上查看桌面版本，反之亦然 - 这来自http://responsiveviewport.com/

2）拨动开关 - 这会将输入框变为开/关开关或您想要的任何开关 - http://www.bootstrap-switch.org/

我已经将两者结合起来，但我的Jquery技能仍然更倾向于业余水平。我遇到的问题是响应按钮是a href而不是输入字段我认为输入需要接受URL重定向到页面或刷新。

可以这样做吗？对所有人来说都是一个很好的功能。

以下链接是视口按钮：

            <a class='reView pull-left visible-xs visible-sm navbar-toggle' data-defaultText='Mobile View' data-coreText='Desktop View' href='index.html'>Desktop View</a>

Answer 1

我猜你想要一个切换开关，说明移动视图|桌面视图？如果是这样，您可以将reView的setMobile（）/ setDefault（）函数（Docs - scroll down to Extensions）附加到event handler of Bootstrap Switch。

大闪烁的霓虹灯在这里说这不是工作代码，只是一些半伪代码（那是什么东西？）

$('#switch-change').on('switch-change', function (e, data) {
  //interrogate the switch to work out what position it has been switched to
  //if mobile
  reView.setMobile();
});

根据我从文档中理解的内容，您应该能够使用该功能将页面更改为切换更改事件的“移动”视图，而无需使用<a>。

这意味着您可能必须在加载时实施自己的处理代码，以便首先将切换设置到正确的位置（可能使用reView.mode;）

无论如何，这是一个有根据的猜测，我之前没有使用其中任何一个（虽然我更喜欢Bootstrap Switch的外观，所以为此欢呼。）

响应式视口开关

1 个答案: