Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 响应视口开关_Javascript_Jquery_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 响应视口开关

Javascript 响应视口开关,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,好的,我正在使用引导框架构建一个站点。我发现了我添加的两个出色的功能——唯一的一点是,如果它们能够一起工作,那将是非常棒的 1) “视口”按钮-这为用户提供了在平板电脑上查看桌面版本的选项,反之亦然-这来自 2) 切换开关-将输入框转换为开/关开关或任何您想要的开关- 我尝试过将两者结合起来,但我的Jquery技能更接近业余水平。 我遇到的问题是,响应按钮是一个a href而不是一个输入字段,我认为输入需要接受URL以重定向到页面或刷新 这能做到吗?将是一个伟大的一点功能,供所有人使用 下面的链

好的,我正在使用引导框架构建一个站点。我发现了我添加的两个出色的功能——唯一的一点是,如果它们能够一起工作,那将是非常棒的

1) “视口”按钮-这为用户提供了在平板电脑上查看桌面版本的选项,反之亦然-这来自

2) 切换开关-将输入框转换为开/关开关或任何您想要的开关-

我尝试过将两者结合起来,但我的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>

我猜您想要一个显示移动视图|桌面视图的切换开关?如果是,您可以将reView的setMobile()/setDefault()函数()附加到

这里闪烁着巨大的霓虹灯,表示这不是工作代码,只是一些半伪代码(这是一件事吗?)

根据我从文档中了解到的情况,您应该能够在交换机的更改事件中将页面更改为“移动”视图,而无需使用

这确实意味着您可能需要在装载时实现自己的处理代码,以便首先将开关设置到正确的位置(可能使用
reView.mode;


无论如何,这是一个有根据的猜测,我以前从未使用过这两个选项(尽管我很喜欢Bootstrap Switch的外观,为此干杯)。

您能告诉我们更多关于它们为什么不能一起工作,以及当您尝试一起使用时会发生什么(例如错误消息)?您还谈到了无上下文的
a
标记(我没有看到引导开关在任何地方使用
a
),那么这是从哪里来的呢?“输入需要接受URL”是什么意思?重定向或刷新页面是从哪里来的,因为这似乎与您的问题无关?感谢阅读智浩。响应视口按钮已添加到我的上述问题中。单击后,将激活“关闭”并刷新/重新加载页面。当我尝试添加它们时,什么都没有发生。因此,为了使开关“刷新”,我需要它在激活时接受URL。
$('#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();
});