jQuery Mobile Selectable refresh()方法

以下是关于 jQuery Mobile Selectable refresh() 方法的详细攻略：

jQuery Mobile Selectable refresh() 方法

refresh() 方法是 jQuery Mobile Selectable 中的一个方法，用于刷新可选择元素的状态。当可选择元素的状态发生变化时，可以使用方法来刷新其状态。

语法

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

参数

selector: 用于指定要刷新的可选择元素的选择器。

示例一：使用 refresh() 方法刷新可选择元素的状态

<! html>
<html>
<head>
  <title>jQuery Mobile Selectable refresh() 方法示例</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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.11.3.min"></script>
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <style>
    .ui-selected {
      background-color: #f00;
      color: #fff;
    }
  </style>
  <script>
    $( function() {
      $( "#selectable" ).selectable();
      $( "#refresh" ).click( function() {
        $( "#selectable" ).selectable( "refresh" );
      });
    } );
  </script>
</head>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>jQuery Mobile Selectable refresh() 方法示例</h1>
    </div>
    <div data-role="content">
      <ul id="selectable" data-role="listview">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
      </ul>
      <button id="refresh">刷新</button>
    </div>
  </div>
</body>
</html>

这将创建一个可选择的列表，并使用 refresh() 方法来刷新可选择元素的状态。在页面加载时，可选择的列表将被创建，并可以通过单击和拖动来选择元素。单击“刷新”按钮将刷新可选择元素的状态。

示例二：使用 refresh() 方法刷新可选择元素的状态

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Mobile Selectable refresh() 方法示例</title>
  <meta name="viewport" content="=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  < src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <style>
    .ui-selected {
      background-color: #f00;
      color: #fff;
    }
  </style>
  <script>
    $( function() {
      $( "#selectable" ).selectable();
      $( "#refresh" ).click( function() {
        $( "#selectable" ).selectable( "refresh" );
      });
      $( "#add" ).click( function() {
        $( "#selectable" ).append( "<li>Item 6</li>" );
        $( "#selectable" ).selectable( "refresh" );
      });
    } );
  </script>
</head>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>jQuery Mobile Selectable refresh() 方法示例</h1>
    </div>
    <div data-role="content">
      <ul id="selectable" data-role="listview">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
      </ul>
      <button id="refresh">刷新</button>
      <button id="add">添加</button>
    </div>
  </div>
</body>
</html>

这将创建一个可选择的列表，并使用 refresh() 方法来刷新可选择元素的状态。在页面加载时，可选择的列表将被创建，并可以通过单击和拖动来选择元素。单击“刷新”按钮将刷新可选择元素的状态。单击“添加”按钮将添加一个新的可选择元素，并刷新可选择元素的状态。

总结：

refresh() 方法是 jQuery Mobile Selectable 中的一个方法，用于刷新可选择元素的状态。可以使用 $(selector).selectable("refresh"); 来刷新可选择元素的状态。可以与其他事件和选项一起使用，以实现更复杂的可选择元素功能。

以上是关于 jQuery Mobile Selectable refresh() 方法的完整攻略。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery Mobile Selectable refresh()方法 - Python技术站

jQuery Mobile Selectable refresh()方法

jQuery Mobile Selectable refresh() 方法

语法

参数

示例一：使用 refresh() 方法刷新可选择元素的状态

示例二：使用 refresh() 方法刷新可选择元素的状态

相关文章