我在一个表格单元格中显示的对象标签中有一个SVG文件,我想使用JQuery的Draggable使SVG在表格单元格内可拖动.代码 - 减去标记中令人困惑的位,如下所示:
<div id="container">
<div id="box">
<table align="center" border="1">
<tr>
<td valign="middle">button</td>
<td valign="top" id="objtd">
<div id="objdiv1">
<object id="svgobject1">blah, blah</object>
</div>
</td>
<td valign="middle">button</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
如果我将标记本身设置为可拖动,则可拖动不起作用.如果我将标签包装在a中并使其成为可拖动的,我可以使用div的边距而不是SVG本身进行拖动.我试着像这样设置SVG对象的句柄:
$('#objdiv1').draggable({ handle: '#svgobject1' });
Run Code Online (Sandbox Code Playgroud)
但那也失败了.
有没有办法通过单击并拖动SVG本身来使SVG对象可拖动?
我在这里设置了一个示例,以防有助于了解我在说什么.