小编lin*_*4me的帖子

JQuery Draggable和带有SVG的<object>?

我在一个表格单元格中显示的对象标签中有一个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对象可拖动?

在这里设置了一个示例,以防有助于了解我在说什么.

jquery svg object draggable

6
推荐指数
1
解决办法
1685
查看次数

标签 统计

draggable ×1

jquery ×1

object ×1

svg ×1