Question

问题是div内部的链接或表单无法正常工作。根本不确定问题是什么，并且会很感激。

它使用可排序和卡片翻转。

点击完整代码的小提琴链接。

部分代码：

<a href="#" id="delete">This Link Works</a>

<ul id="sortable">
    <div id="item-1" class="flip">
        <li id="item-1" class="ui-state-default">
            <div class="card">
                <div class="face front">
                    <div id="container_1">1
                    <P>Click to flip<BR>Drag to sort
                    </div>
                </div>
                <div class="face back">
                    <div>
                        <a href="#" id="delete">These Link Don't Work</a>
                    </div>
                </div>
            </div>
        </li>
    </div>
</ul>

javascript：

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

  $(document).ready(function () {
      $('.flip').click(function () {
          $(this).find('.card').addClass('flipped').mouseleave(function () {
              $(this).removeClass('flipped');
          });
          return false;
      });
  });

  $("#delete").click(function () {
      alert('Yup');
  });

[小提琴] http://jsfiddle.net/FredSmith/kq03mx9L/14/

Answer 1

ID是唯一的 - 将其更改为类绑定

<a href="#" class="delete">

和

$(".delete").click(function () {
      alert('Yup');
});

工作小提琴：http://jsfiddle.net/kq03mx9L/15/

Answer 2

您不能拥有具有相同ID的多个链接。 jQuery感到困惑。如果您希望多个链接具有相同的功能，请改用CSS类。 :)

JQuery - div中的链接不使用Sortable和Flip调用ajax

2 个答案: