jQuery Mobile 面板可关闭选项

jQuery Mobile是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。

面板是用于创建列、抽屉、可折叠菜单等的小部件。它们是非常灵活的小部件，可以用于多种用途。

在本文中，我们将学习jQuery Mobile Panel Dismissible 选项。可关闭选项启用或禁用只需单击面板外部即可关闭面板的功能。

语法：可解雇 选项采用布尔值 值，语法如下。如果为真，我们可以关闭面板 通过单击面板外部，反之亦然。

$("#gfgpanel").panel({
    dismissible: false
});

• 获取可解雇选项。

  var dismissible = $( ".selector" )
      .panel( "option", "dismissible" ); 

• 设置可关闭选项

  $( ".selector" ).panel( "option", "dismissible", false );

CDN 链接：为 jQuery Mobile 项目使用以下 CDNS。

示例：在下面的示例中，我们有两个面板，一个面板 已将可解雇设置为false 另一个面板设置为true 。

HTML

  

    
    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            jQuery Mobile Panel dismissible Option
            
              Open Panel 1
            
              Open Panel 2
        
        
            
            Welcome to GeeksforGeeks
            Panel dismissible option is false
  
            
               Close panel
            
        
        
            
            Welcome to GeeksforGeeks
            Panel dismissible option is true
  
            
               Close panel
            
        
    
    
        $(document).ready(function() {
            $("#gfgpanel1").panel({
                dismissible: false
            });
            $("#gfgpanel2").panel({
                dismissible: true
            });
        });
    

输出：

参考：https://api.jquerymobile.com/panel/#option-dismissible