jQWidgets jqxScrollView refresh()方法

以下是关于 jQWidgets jqxScrollView 组件中 refresh() 方法的详细攻略。

jQWidgets jqxScrollView refresh() 方法

jQWidgets jqxScrollView 组件的 refresh() 方法用于刷新滚动视图。

语法

$('#scrollView').jqxScrollView('refresh');

参数

refresh() 方法没有参数。

示例

以下两个示例演示了如何使用 refresh() 方法。

示例 1

$('#refreshButton').click(function () {
    $('#scrollView').jqxScrollView('refresh');
});

在示例 1 中,我们创建了一个按钮,当用户单击该按钮时,refresh() 方法将被调用,刷新滚动视图。

示例 2

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQxScrollView Refresh Method</title>
    <link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxcore.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxbuttons.js"></script>
    <script type="text/javascript" src="https://jqwidgets.com/public/jqwidgets/scripts/jqxscrollview.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#scrollView').jqxScrollView({
                width: 300,
                height: 200,
                showButtons: true,
                slideShow: true,
                theme: 'energyblue'
            });

            $('#refreshButton').click(function () {
                $('#scrollView').jqxScrollView('refresh');
            });
        });
    </script>
</head>
<body>
    <div id="scrollView">
        <div><img src="https://jqwidgets.com/public/jqwidgets/styles/images/slider1.jpg" /></div>
        <div><img src="https://jqwidgets.com/public/jqwidgets/styles/images/slider2.jpg" /></div>
        <div><img srchttps://jqwidgets.com/public/jqwidgets/styles/images/slider3.jpg" /></div>
        <div><img src="https://jqwidgets.com/public/jqwidgets/styles/images/slider4.jpg" /></div>
    </div>
    <button id="refreshButton">Refresh ScrollView</button>
</body>
</html>

在示例 2 中,我们创建了一个滚动视图和一个用于刷新滚动视图的按钮。当用户单击按钮时refresh() 方法将被调用,以刷新滚动视图。

注意事项

  • refresh() 方法用于刷新滚动视图。
  • refresh() 方法通过 jqxScrollView 方法调用。
  • refresh() 方法可以与 jqxScrollView 方法一起使用。

总之,refresh() 方法用于刷新滚动视图。以上两个示例演示了如何使用 refresh() 方法。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxScrollView refresh()方法 - Python技术站

(0)
上一篇 2023年5月12日
下一篇 2023年5月12日

相关文章

  • JQuery操作单选按钮以及复选按钮示例

    下面我将为你详细讲解“JQuery操作单选按钮以及复选按钮示例”的完整攻略。 1. JQuery操作单选按钮 1.1. HTML结构 首先,我们先来看一下单选按钮的HTML结构: <label> <input type="radio" name="gender" value="male&qu…

    jquery 2023年5月28日
    00
  • jQuery基于cookie实现的购物车实例分析

    以下是详细讲解“jQuery基于cookie实现的购物车实例分析”的完整攻略: 简介 本攻略介绍基于cookie实现的jQuery购物车实例。简单来说,cookie是一种存储在浏览器中的数据,可以用于保存用户的历史记录、购物车信息等。通过使用jQuery实现基于cookie的购物车,可以让用户更方便地添加或删除商品,同时也可以提供更好的用户体验。 实现思路 …

    jquery 2023年5月28日
    00
  • jQuery插件制作的实例教程

    「jQuery插件制作的实例教程」是一篇教你如何编写 jQuery 插件的文章。下面我会为你详细讲解它的完整攻略。 概述 文章分为五个部分,分别为介绍、实现思路、代码实现、插件使用和结语。其中,最关键的是“实现思路”和“代码实现”两部分,因为它们分别告诉我们如何想到并实现一个 jQuery 插件。 实现思路 首先,我们需要明确一件事情:jQuery 插件实质…

    jquery 2023年5月18日
    00
  • jQWidgets jqxQRcode labelFontSize属性

    以下是关于 jQWidgets jqxQRcode 组件中 labelFontSize 属性的详细攻略。 jQWidgets jqxQRcode labelFontSize 属性 jQWidgets jqxQRcode 组件 labelFontSize 属性用于设置二维码标签的字体大小。 语法 // 设置二维码标签字体大小 $(‘#qrcode’).jqxQ…

    jquery 2023年5月12日
    00
  • jQuery的插件列表(2010-1-25更新)

    jQuery的插件列表(2010-1-25更新) 插件列表 以下是常用的jQuery插件列表: jQuery Validation插件 jQuery UI插件 jQuery easing插件 jQuery Cycle插件 jQuery lightbox插件 jQuery tooltip插件 jQuery form插件 jQuery cookie插件 jQue…

    jquery 2023年5月27日
    00
  • 如何使用jQuery计算HTML输入值并直接显示输入值?

    要使用 jQuery 计算 HTML 输入值并直接显示输入值,我们可以按照以下步骤: 获取需要计算的 HTML 元素 监听 HTML 元素的改变事件,比如使用 change 事件 在回调函数中获取元素的值,并进行计算 将计算结果直接显示在目标元素中 下面我们通过两个示例来说明如何实现此功能。 示例 1:计算两个输入框的和并直接显示 在这个示例中,我们需要计算…

    jquery 2023年5月12日
    00
  • jQWidgets jqxGrid removesort()方法

    以下是关于“jQWidgets jqxGrid removesort()方法”的完整攻略,包含两个示例说明: 方法简介 removesort() 方法是jQWidgets jqxGrid` 控件的一个方法,用于移除表格的排序条件。该方法的语法如下: $("#jqxGrid").jqxGrid(‘removesort’); 在上述法中,#j…

    jquery 2023年5月10日
    00
  • jQuery操作表格(table)的常用方法、技巧汇总

    下面给出详细的“jQuery操作表格(table)的常用方法、技巧汇总”的攻略,内容包括:选择表格、增删查改表格、处理表格数据等。 选择表格 通过jQuery选择器可以选择需要操作的表格元素,常见的选择器包括: $(‘table’):选择页面中所有的表格元素; $(‘#myTable’):通过ID选择需要操作的表格元素; $(‘table.myClass’)…

    jquery 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部