Question

我会尝试将两个代码合而为一。首先是全屏Api HTML5 Fullscreen 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开关是否在功能中做到了。

我不太了解jquery，甚至在必须将JavaScript与jquery配合使用时更甚。对其他用户可能有用：-）

提前谢谢。

Answer 1

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

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

它可以工作，但是我仅在Chrome浏览器上有错误/问题，并且在控制台中没有错误。切换按钮始终在两种模式下工作（打开和关闭），但只有在窗口浏览器处于全屏模式时，它才能在“关闭”时退出全屏显示。如果缩小窗口浏览器，则可以正常工作。

我有一个警报可以在“开启”时退出全屏显示，但是我必须坚持退出：esc +单击两次（shift + command + F）。

此问题在其他浏览器（Safari，Firefox和Opera）上未出现。我尚未在IE 11上进行测试。

我无法从GitHub获得LC_Switch.js的有效链接，因此无法向您展示示例。有人认为问题出在哪里？

调整全屏Api切换开关

1 个答案: