Question

我正在开发一个简单的项目，有12个对象可以使用jquery ui进行排序如何在每个块后面添加链接并启用它，这样如果我双击它在新标签页中打开的链接

<ul id="sortable">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default four">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
</ul>

和jquery函数显然是

$(function() {
    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});

Answer 1

您可以将URL添加到每个li元素，如下所示（有关HTML5自定义属性的详细信息，请参阅here）：

<ul id="sortable">
    <li class="ui-state-default" data-href="http://www.google.co.uk">1</li>
    <li class="ui-state-default" data-href="http://www.bbc.co.uk">2</li>
    <li class="ui-state-default" data-href="http://www.yahoo.co.uk">3</li>
    ...

然后使用jQuery中的.dblclick()函数捕获双击事件，检索块后面的URL并导航到URL：

$( "#sortable li" ).dblclick(function() {
    window.open( $(this).attr('href') );
});

请参阅here获取小提琴

如何在jquery ui对象上添加url

1 个答案: