JQuery拖放链接

Question

我正在尝试让Jquery拖放应用。我想将每个图像链接到一个可放置的框架。我不能使用ID，所以有什么更好的方法来编写它以检查它们是否相同？

编辑：这是代码

function handleDropEvent( event, ui ) {
        var slotNumber = $(this).attr('id');
        var cardNumber = ui.draggable.attr('id');
        var draggable = ui.draggable;
        if ( slotNumber == cardNumber ) {
            alert("Match" + slotNumber + cardNumber)
            ui.draggable.draggable( 'disable' );
            $(this).droppable( 'disable' );
            ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
            ui.draggable.draggable( 'option', 'revert', false );}
      }

正如您所看到的，我可以使用ID来链接它们，但据说这是一种非常糟糕的方法。有没有人有任何想法？

Answer 1

如果我正确理解您的问题，您可能希望使用数据属性来区分这些项目。以下是数据属性如何工作的解释：Data Attributes in HTML and jQuery。