次の構造があるとします。
<table class="myTable">
<tr>
<td class="block.productgrid.quickview.cell">
<a class="myLink">My Link</a>
</td>
</tr>
<tr>
<td>
<div class="contentsForColorbox">
Some contents
</div>
</td>
</tr>
</table>
... このようないくつかのテーブル「myTable」がある場合、「myLink」をクリックしてカラーボックスに「contentsForColorbox」を表示するにはどうすればよいですか?
私は近いと思いますが、何かが欠けています:
$( '.myLink', this).click( function(){
$.colorbox({
inline : true,
'href': $( '.contentsForColorbox') ,
'width': 500,
'height': 350
});
});
...現在、5 つのテーブルがある場合、5 つの「contentsForColorbox」がカラーボックスに表示されます。はぁ、一日が長すぎる :-(