📜  jQuery UI Droppable hoverClass 选项

📅  最后修改于: 2022-05-13 01:55:59.610000             🧑  作者: Mango

jQuery UI Droppable hoverClass 选项

jQuery UI是一种基于 Web 的技术,由使用 jQuery、JavaScript 库实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 是为网页构建 UI 界面的最佳工具。它还可以用于构建高度交互的 Web 应用程序,或者可以用于轻松添加小部件。

在本文中,我们将学习如何使用jQuery UI Droppable hoverClass Option 。使用此选项,当可接受的可拖动对象悬停在可放置对象上时,该类将被添加到可放置对象中。此选项的默认值为“false”。

句法:

hoverClass 选项采用布尔类型值,语法如下:

$( ".selector" ).draggable({ hoverClass: "drop-hover" });
  • 获取 hoverClass 选项:

    var hoverClass = $( ".selector" ).droppable( "option", "hoverClass" );
  • 设置 hoverClass 选项:

    $( ".selector" ).droppable( "option", "hoverClass", "drop-hover" );

CDN 链接:您的项目将需要以下 jQuery Mobile 脚本,因此我们需要将这些脚本添加到您的项目中。

示例:此示例描述了jQuery UI Droppable hoverClass 选项的使用。

HTML



    
    
    
    
    


    
        

GeeksforGeeks

        

jQuery UI Droppable hoverClass Option

        
            

Drag

           
        
        
            

Drop here

           
        
                 

    


输出:

jQuery UI Droppable hoverClass 选项

jQuery UI Droppable hoverClass 选项

参考: https://api.jqueryui.com/droppable/#option-greedy