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;
        }           

    });

Jquery UI照片管理器，单选按钮没有单击

1 个答案: