jQWidgets jqxDragDrop反馈属性

以下是关于“jQWidgets jqxDragDrop反馈属性”的完整攻略，包含两个示例说明：

简介

jqxDragDrop 控件的反馈属性用于控制拖动元素的反馈方式。反馈属性包括 feedback 和 feedbackDuration。

• feedback 属性用于设置拖动元素的反馈方式，包括 default、none、drag、pointer、fit、snap、slide、proxy、clone 等。
• feedbackDuration 属性用于设置拖动元素的反馈持续时间。

完整攻略

下面是 jqxDragDrop 控件反馈属性的完整攻略：

1. 设置 feedback 属性

$("#dragdrop").jqxDragDrop({
    feedback: 'proxy'
});

在上述代码中，我们设置了 feedback 属性为 'proxy'。

1. 获取 feedback

var feedback = $("#dragdrop").jqxDragDrop('feedback');

在上述代码中，我们获取了 feedback 属性的值。

1. 设置 feedbackDuration 属性

$("#dragdrop").jqxDragDrop({
    feedbackDuration: 500
});

在上述代码中，我们设置了 feedbackDuration 属性为 500。

1. 获取 feedbackDuration 属性

var feedbackDuration = $("#dragdrop").jqxDragDrop('feedbackDuration');

在上述代码中，我们获取了 feedbackDuration 属性的值。

示例

以下两个示例演示如何使用反馈属性。

示例1

在此示例中，创建了一个 jqxDragDrop 控件，并设置了 feedback 属性为 'proxy'。当拖动元素时，显示一个代理元素。

<div id="dragdrop">
    <div>拖动元素</div>
</div>
<div id="dropTarget">
    目标元素
</div>

<script>
    $(document).ready(function () {
        // 创建 jqxDragDrop 控件
        $("#dragdrop").jqxDragDrop({
            feedback: 'proxy',
            dropTarget: $("#dropTarget")
        });
    });
</script>

在上述代码中，我们创建了一个 jqxDragDrop 控件，并设置了 feedback 属性为 'proxy'。当拖动元素时，显示一个代理元素。

示例2

在此示例中，创建了一个 jqxDragDrop 控件，并设置了 feedbackDuration 属性为 500。当拖动元素时，拖动反馈持续时间为 500 毫秒。

<div id="dragdrop">
    <div>拖动元素</div>
</div>
<div id="dropTarget">
    目标元素
</div>

<script>
    $(document).ready(function () {
        // 创建 jqxDragDrop 控件
        $("#dragdrop").jqxDragDrop({
            feedbackDuration: 500,
            dropTarget: $("#dropTarget")
        });
    });
</script>

在上述代码中，我们创建了一个 jqxDragDrop 控件，并设置了 Duration 属性为 500。当拖动元素时，拖动反馈持续时间为 500 毫秒。

结语

以上是关于“jQWidgets jqxDragDrop反馈属性”的完整攻略，包含属性的介绍、设置和获取反馈属性的示例。在实际开发中，可以根据需要使用反馈属性，控制拖动元素的反馈方式和持续时间。