小弟目前做了個報表，使查詢出來的結果每一列都成為超連結，但是我的TR內有一個Button，是使用到boostrap的modal，當我點擊此button時，會同時觸發modal和超連結，我想要避免點擊button時觸發超連結該如何處理？
有想過一個最智障的方法，把除了button的欄位之外的td做超連結，我總共有14個欄位，這樣做蠻蠢XD......
先感謝大家
語法大致如下
//HTML
<tr title="開啟" class='clickable-column'
data-id="@e.Funding_Id"
data-unit="@e.Bs_unitno"
data-season="@e.Season" data-area="@e.FundingArea" data-year="@e.Year">
<td>略........<td>
<td> <button data-toggle="modal" data-target="#myModal"> Modal </button> <td>
</tr>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div><!-- /.modal -->
//JS
$(".clickable-column").click(function () {
var season = $(this).data("season");
var area = $(this).data("area");
var year = $(this).data("year");
var id = $(this).data("id");
var unit = $(this).data("unit");
window.open(....);
});
最終解決辦法，將除了modal以外的td都附上class【clickable-column】
將data-xxx內容放在tr，使用jquery closet("tr")取出該值即可，也不會太蠢~
$(".clickable-column").click(function () {
var tr = $(this).closet("tr");
var season = tr.data("season");
var area = tr.data("area");
var year = $tr.data("year");
var id = tr.data("id");
var unit = tr.data("unit");
window.open(....);
});
已邀請的邦友 {{ invite_list.length }}/5
你的Model觸發為什麼擺在那裏...
一般好像比較少用整列去觸發事件,
比較常做是用其中一欄去做.
Modal是單顆按鈕觸發 是編輯的作用
整列觸發的是超連結~【較方便選擇】，單TD當然也是可以，只是整列
搭配上table-hover，加上cursor:pointer，使用者比較有感覺，移上去就可以做超連結~
但現在我想點編輯，會出現編輯modal+超連結
iThome鐵人賽
看影片追技術