0

我会尝试将两个代码合二为一。首先是全屏 Api HTML5 全屏 Api和滑动切换开关，如 (iOS) jQuery-Plugin-For-Sliding-Toggle-Switches。

function launchFullscreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function cancelFullscreen() {
  if(document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}

// triggered each time a field changes status
$('body').delegate('.lcs_check', 'lcs-statuschange', function() {
  var status = ($(this).is(':checked')) ? 'checked' : 'unchecked';
  console.log('field changed status: '+ status );
});

// triggered each time a field is checked
$('body').delegate('.lcs_check', 'lcs-on', function() {
  console.log('field is checked');
});

// triggered each time a is unchecked
$('body').delegate('.lcs_check', 'lcs-off', function() {
  console.log('field is unchecked');
});

我需要您的帮助才能使用滑动切换开关按钮来激活和停用全屏模式。我也会测试默认情况下是否激活了全屏模式。我不知道LC Switch是否在功能中做到了。

我不太了解 jquery，当我必须用 jquery 调整 javascript 时，我就更不了解了。它可能对其他用户有用:-)

提前谢谢你。

4

1 回答 1

0

在这里，我收到了另一个论坛的答案。

jQuery('body').delegate('.lcs_check', 'lcs-statuschange', function() {
    if(jQuery(this).is(':checked')){
        launchFullscreen(document.documentElement); // the whole page
    } else {
        cancelFullscreen();
    }
});

它可以工作，但我只在 Chrome 浏览器上有一个错误/问题，我在控制台中没有错误。切换按钮始终在两种模式下工作（开和关），但只有当窗口浏览器处于全屏状态时，它才会在“关”时退出全屏。如果窗口浏览器缩小，它可以正常工作。

我有一个警告要在“ON”时退出全屏，但我必须坚持退出：esc + 单击两次（shift+command+F）。

此问题不会出现在其他浏览器（Safari、Firefox 和 Opera）上。我还没有在 IE 11 上测试过。

我未能从 GitHub 获得 LC_Switch.js 的有效链接，我无法向您展示示例。有人作为一个想法从哪里来的问题？

于 2018-11-18T16:24:27.883 回答