2012-04-25 12 views
0

をクリックしないで、私はまだここでのjQuery UIフォトマネージャは、[OK]を

http://jqueryui.com/demos/droppable/#photo-managerここにあなたがオリジナルの完全な働きを見ることができるこのjqueryの写真管理に取り組んでいます私はラジオが含まれていたが午前問題であり、ボタンをクリックします。なぜ私はクリックしてラジオボタンを変えることができなかったのか不思議に思って壁に向かって頭を叩きました。今、私はこれを引き起こしているものを実現し、それは私がラジオボタンは、私は必要なクリックされたとき、それは別の機能を発射するために、私は本当に必要はありません

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

答えて

0

さて、数日のためにこれを研究した後、私は試行錯誤のトン後に答えを見つけました。 戻り値はfalseです。最後にラジオボタンがチェックされていませんでした。戻り値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; 
     }   

    });