`
jiangzhenghua
  • 浏览: 601049 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery UI 中disableSelection()函数的作用

阅读更多
<script language="javascript" type="text/javascript">
 $(function(){
  //我们可以设置一个手柄可拖动,也可以阻止一些标签可拖动;
  
  $("#dragbox").draggable({
   handle:"span"
  });
  //因为他们要拖动,所以尽量设置他们的文字不能选择。
  $("div, span").disableSelection();
  
  $("#dragbox2").draggable({
   cancel:"#dragbox2 span"
  })
    
 })
</script>

 可以看出这个函数是想要使某些内容不被选上

分享到:
评论
1 楼 蔷薇juan 2011-12-05  

相关推荐

    jQuery UI 的精彩实例

    `disableSelection()` 函数防止选中文本,这是在可排序列表中常见的需求。 综上所述,jQuery UI 提供的这些组件和功能极大地方便了开发者创建交互式的Web应用。通过学习和实践这些精彩实例,你可以更好地理解和掌握...

    通过jquery-ui中的sortable来实现拖拽排序的简单实例

    $(".sortable").disableSelection(); // 禁止选择被排序的元素,提升用户体验 }); ``` #### 后台处理排序逻辑 当用户完成排序并触发更新事件后,可以通过AJAX将排序信息发送到服务器,进行后端的数据处理。这里...

    jQuery拖拽插件制作拖拽排序特效.zip

    }).disableSelection(); }); ``` `stop`回调函数会在用户完成拖拽排序后触发,我们可以在这个函数内保存新的排序状态。`updateOrder()`可以是一个自定义函数,用于存储或发送排序后的数据。 为了记录拖动后的新...

    jquery(demo).pdf

    在本示例中,我们将探讨如何使用jQuery库和jQuery UI插件来实现两种常见的交互功能:排序和手风琴效果。 首先,让我们关注排序功能。jQuery UI 提供了一个名为 `sortable` 的插件,用于创建可拖动排序的列表项。在...

    jQueryUI写一个调整分类的拖放效果实现代码

    4. **可选择性地禁用元素:**为了防止用户拖动某些不想让他们拖动的元素,可以使用disableSelection方法。这会阻止文本被选中或用鼠标拖动元素。 5. **自动排序功能:**尽管代码片段中没有明确实现自动排序功能,但...

    Jquery实现拖动Div排序效果演示代码下载

    在这个事件的回调函数中,你可以获取到新的排序顺序并更新数据模型,或者通过Ajax发送排序信息到服务器: ```javascript $("#sortable").on('sortstop', function(event, ui) { var sortedItems = $(this)....

    jQuery之排序组件的深入解析

    为了防止排序操作中的文本被选中,我们还可以使用.disableSelection()方法: ```javascript $("#sortable").disableSelection(); ``` 这样用户在进行排序操作时,被选中的元素文本将不会被默认的文本选择行为影响...

    jquery拖动排序插件制作选项列表拖动排序代码

    - **阻止默认行为**:防止浏览器的默认拖放行为,如打开链接等,可以使用`.disableSelection()`。 - **用户体验优化**:添加视觉反馈,如拖动时的高亮显示,拖动过程中的预览位置等。 - **兼容性处理**:考虑到不同...

    针对后台列表table拖拽比较实用的jquery拖动排序

    这通常放在`$(document).ready()`函数中。在这个例子中,我们定义了两个函数:`fixHelperModified`和`updateIndex`。 `fixHelperModified`函数用于创建一个辅助帮助器元素,它在拖动过程中保持与原始元素相同的比例...

    jqeury实现列表拖拽排序

    }).disableSelection(); ``` 3. **后台数据同步**:当用户完成拖拽操作后,需要将新的排序结果发送到服务器端进行处理,以便更新数据库中的记录。这里使用了`updateIndex`函数来触发AJAX请求,向服务器发送排序后...

Global site tag (gtag.js) - Google Analytics