jQuery拖放

时间:2010-12-21 09:52:57

标签: javascript jquery html

我正在使用JQuery draggable。如果一个表在div中,那么我可以用表移动这个div。当div中有一个输入按钮时,它就不会移动。为什么呢?

$(".multidraggable").draggable();

不起作用:

<div class="multidraggable" style="display: inline-block;">
    <input type="button" value="Отчет за &#10; контрактные сутки &#10; без ТГК &rdquo;УрГРЭС&rdquo;" id="button1" style="font-family:arial; width: 200px; height: 80px;max-height:80px;max-width:200px; font-size:15" />
</div>

工作的:

<div class="multidraggable" style="display: inline-block;">
        <table id="maintable" frame="box" border="1" style="height: 565px" cellspacing="0" cellpadding="1">
            <thead>
                <tr style="background-color:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png);">
                    <th>
...
</div>

2 个答案:

答案 0 :(得分:0)

这就是我以前制作可拖动的东西,也许它会帮助你......

// make items draggable...   
    $("#CmsDynamicToolbarItems").find("ul li")   
        .draggable({ containment: "#CanvasAreaCoverPage",    
            snap: true,    
            scroll: false,    
            helper: "clone",    
            revert: "invalid",    
            opacity: 1.0,    
            cursor: "move"    
        });    

可能有多种原因,但克隆项目,包含元素等内容可能有所帮助,但实际上并不需要它们。我先选择html元素的id,然后再添加draggable,然后开始使用draggable类。

答案 1 :(得分:0)

找到解决方案:

要使输入可拖动,请覆盖取消选项:

$("#myinput").draggable({ cancel: null });