Jquery UI 照片管理器，单选按钮不点击

Question

好的，我仍在研究这个jquery照片管理器，您可以在此处查看原始照片的完整工作 http://jqueryui.com/demos/droppable/#photo-manager

这是我遇到的问题，我为每张图片包含一个单选按钮。我一直在用头撞墙，想知道为什么我不能点击并改变单选按钮。现在我意识到是什么导致了这种情况，这是代码的这一部分我添加了这部分

else if ($target.is("input.ismainchk")) {
            //recycleImage($item);
        }

我

真的不需要它在单击单选按钮时触发另一个函数，我只需要单选按钮单击

这是一些 HTML，因此您可以了解我正在使用的内容。

    <ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix ui-droppable">
<li id="d386f25f-66b8-429d-aaa9-c0552a4839fa" class="ui-widget-content ui-corner-tr ui-draggable" style="width: 96px; display: list-item;">
<h5 class="ui-widget-header">
<input id="textd386f25f-66b8-429d-aaa9-c0552a4839fa.jpg" class="ghost-text" type="text" size="13" defaultval="Picture Headline" maxlength="150" style="color: grey;">
</h5>
<img id="../userimages/d386f25f-66b8-429d-aaa9-c0552a4839fa.jpg" width="96" height="72" src="../userimages/d386f25f-66b8-429d-aaa9-c0552a4839fa.jpg">
<a class="ui-icon ui-icon-zoomin" href="images/high_tatras4.jpg" title="View larger image">View larger</a>
<input id="d386f25f-66b8-429d-aaa9-c0552a4839fa.jpgmain" class="ismainchk" type="radio" title="Main Img" name="maingroup">
<a class="ui-icon ui-icon-trash" title="Delete this image" href="link/to/trash/script/when/we/have/js/off">Delete image</a>
</li>

这是JQuery中出现问题的部分。

        // resolve the icons behavior with event delegation
    $("ul.gallery > li").click(function (event) {
        var $item = $(this),
            $target = $(event.target);
        if ($target.is("a.ui-icon-trash")) {
            deleteImage($item);
        } else if ($target.is("a.ui-icon-zoomin")) {
            viewLargerImage($target);
        } else if ($target.is("a.ui-icon-refresh")) {
            recycleImage($item);
        } else if ($target.is("input.ismainchk")) {
            //recycleImage($item);
        }
        return false;
    });

Answer 1

在研究了几天之后，经过大量的试验和错误，我找到了答案。返回为假;最后导致单选按钮未被选中。将返回 false 移动到特别需要它的各个项目允许检查单选按钮

        $("ul.gallery > li").click(function (event) {
        var $item = $(this),
            $target = $(event.target);
        if ($target.is("a.ui-icon-trash")) {
            deleteImage($item);
            return false;
        } else if ($target.is("a.ui-icon-zoomin")) {
            viewLargerImage($target);
            return false;
        } else if ($target.is("a.ui-icon-refresh")) {
            recycleImage($item);
            return false;
        }           
    });