jQuery Mobile Selectmenu refresh()用法及代码示例

jQuery 移动是一种基于网络的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中，我们将使用 jQuery Mobile Selectmenurefresh()方法。这将解析原始元素并重新呈现菜单。

用法：

$( "selector" ).selectmenu( "refresh" );

参数：此方法不接受任何参数。

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

<link rel=”stylesheet” href=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css”>
<script src=”https://code.jquery.com/jquery-1.10.2.min.js”></script>
<script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>

示例：此示例说明了 jQuery Mobile Selectmenu 的使用refresh()方法。

HTML


<!doctype html> 
<html lang="en"> 
  
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content= 
        "width=device-width, initial-scale=1"> 
  
    <link rel="stylesheet" href= 
"//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css"> 
    <script src= 
"//code.jquery.com/jquery-3.2.1.min.js"> 
    </script> 
    <script src= 
"//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"> 
    </script> 
  
    <script> 
        $(document).ready(function () { 
            $("#btn").on('click', function () { 
                $("#subjects").selectmenu("refresh"); 
                alert("Widget Refreshed"); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <div data-role="page" id="page1"> 
            <div data-role="header"> 
                <h1>GeeksforGeeks</h1> 
                <h2>jQuery Select menu refresh() Method</h2> 
            </div> 
            <div role="main" class="ui-content"> 
                <div role="main" class="ui-content" style="width:40%;"> 
                    <label><b>Subjects:</b> </label> 
                    <select name="subjects" id="subjects"> 
                        <option value="standard">Java</option> 
                        <option value="rush">PHP</option> 
                        <option value="express">HTML</option> 
                    </select> 
               </div> 
            </div>         
            <input type="button" id="btn" 
                   style="width:250px;" 
                   value="Refresh the Widget"> 
        </div> 
    </center> 
</body> 
</html>

输出：

jQuery Mobile Selectmenu refresh() Method

参考： https://api.jqueryui.com/selectmenu/#method-refresh

相关用法

注：本文由纯净天空筛选整理自sireeshakanneganti112大神的英文原创作品 jQuery Mobile Selectmenu refresh() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。