Question

使用JQuery-1.6.2并拖放插件

以下是webform1.aspx中的代码

$(document).ready(function() {
    $( ".draggable" ).draggable({ revert: "invalid" , helper: "clone" });

    $( ".droppable" ).droppable({
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function( event, ui ) {
            addFields( ui.draggable );
        }
    });

});

on drop我正在调用addfields函数，如下所示

function addFields($items)
{
    var content=$(".droppable")
    ans_type=$items.attr("id")
    i= parseInt(document.getElementById('txtQCnt').value);
    document.getElementById('txtQCnt').value=i+1;
    $.ajax
    (
        {
            url:'handler.ashx?ans_type='+ans_type+'&cnt='+document.getElementById('txtQCnt').value,
            dataType:'html',
            success: function(data)
            {
                var i;
                content.append(data);
            }
        }
   )
}

handler.ashx将元素添加到页面

context.Response.Write("<div id='"+objId+"' class='droppable'></div>");

从handler.ashx动态添加div，当拖动对象时droppable div css类应该突出显示，哪个不能正常工作

Answer 1

您必须在成功方法中绑定droppable -

$('.droppable').droppable(options);

您可以将选项设置为常量并仅定义一次。

否则，您可以将live绑定到mouseenter上的元素，也可以悬停在可放置droppable的位置。

$('.droppable').live('mouseenter',function() {
    $(this).droppable(options);
});

JQUERY css类无法动态添加div

1 个答案: