2012-01-30 15 views
0

jQueryとウィジェットを使用しているWebアプリケーションを構築しています。ユーザーがページ上で複数の「ファイル」(div)を選択できるように選択できます。これはうまく動作しますが、画像をクリックするとdivを選択できるように指定したい(そうでなければ、他のものを選択解除せずにリンクを使用することはできません)、どうすればいいですか?このウィジェットを使用して選択を解除する方法はありますか?jQueryのdivを選択する要素を設定する選択可能

私のjQueryコード。

<script> 
$(function() { 
    $("#selectable").selectable(); 
}); 
</script> 

これは私のHTMLコードです:

<div class="file" id="<?php echo $i; ?>"> 

<img src="images/file_icon.jpg" /> 

<a href="#">Information</a> 

</div> 

UPDATE

はここで良い解決策を見つけた:Link doesn't work inside UI Selectable

答えて

0

あなたはより多くのコードを共有することはできますか?私はあなたが達成したいものを正確に理解しているかどうかはわかりませんが、おそらくあなたは「無効」プロパティを使用しようとすることができますか?

あなたは、初期化時にtrueに設定することができます

$("#selectable").selectable({ disabled: true }); 

をして、選択可能なプラグインを有効にできるようにするには画像をクリックした場合にFALSEに設定します。

$('img').click(function(){ 
    $("#selectable").selectable("option", "disabled", false); 
}); 
+0

これ以上のコードは基本的にありません。画像をクリックするときに#photo divを選択します。それ以外の場合は、リンクを使用しようとするとdivが選択されます。 –

+0

良い解決策が見つかりました:http://stackoverflow.com/questions/4331303/link-doesnt-work-inside-ui-selectable。それでうまく動作します。 –