Responsive design 如何在响应性和非响应性设计之间切换

好的，在几个网站的帮助下，我能够把这些代码放在一起，去激活一个网站的响应性编码，并激活非响应性编码。但是，当再次单击链接时，它不会反向执行此功能

我试过使用.toggle，但不起作用。我应该使用哪个事件来获得此效果？任何帮助都会很好

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>

$(document).ready(function () {
    $("#togglerwd").click(function() {
        $('meta[name="viewport"]').prop('content', 'width=1440');
    });
});
</script>

<a href="#" id="togglerwd">Toggle Responsive Layout</a>

单击超链接时，是否存在允许代码处于活动状态和非活动状态的事件

点击本身就是正在发生的事件——但该事件并不知道页面当前处于什么“状态”

“标志”是一种常见的编程基础，并不特定于jQuery或JavaScript。基本上，它只是一个变量，它的值在真与假之间交替，并根据它决定要做什么

它看起来像这样：

$(document).ready(function (e) {
    // set the initial flag value, we assume your page “starts” in responsive mode
    var isResponsive = true;

    $("#togglerwd").click(function() {
        // check flag, to see what state the page is in
        if(isResponsive) {
          // set viewport meta to “non-responsive”
          $('meta[name="viewport"]').prop('content', 'width=1440');
          // remember current state in flag for check on next click
          isResponsive = false;
        }
        else {
          // set viewport meta to “responsive”
          $('meta[name="viewport"]').prop('content', 'width=device-width');
          // remember current state in flag for check on next click
          isResponsive = true;
        }
    });
});

---

非常感谢您对CBroe的帮助，但我最终创造了我想要的确切解决方案。代码如下：

<script>
$(document).ready(function () {
    $("#togglerwd").click(function() {
        $('meta[name="viewport"]').prop('content', 'width=1440');
  });
    $("#togglerrl").click(function() {
        $('meta[name="viewport"]').prop('content', 'width=device-width');
  });
});
</script>

<a href="#" id="togglerwd">Full Site | </a>
<a href="#" id="togglerrl">Responsive Layout</a>

---

只需使用一个简单的标志来存储站点当前所处的“状态”，然后在此基础上为视口元内容指定一个或另一个值……嘿，CBroe，谢谢，但我不知道这意味着什么。说到jQuery，我还是个新手。单击超链接时，是否存在允许代码处于活动状态和非活动状态的事件？