0

リンクを含むテーブル行があります。行全体を 1 つのリンクに設定すると、Chrome では行が設定したリンクに移動し、子リンクによってユーザーが正しいリンクに移動します。Firefox では、行と子の両方が行に設定されているリンクに移動します。これを Firefox と Chrome の両方で一貫させるにはどうすればよいですか。次のjqueryを使用して、リンクに移動する行を設定しています

$('.table tbody tr, !a').click(function () {
    $.pjax({
        url: $(this).find('td a.row-click').attr('href'),
        container: '#update_panel'
    });
});

行のhtmlは次のようになります

<tr>
    <td>
        Main Tire Set
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireSets?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Sets</a>
    </td>
    <td>
        <a class="js-pjax" href="/Events/TireBuilder?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Tire List</a>
    </td>
    <td>
        <a href="/Events/DeleteTireGroup?tireGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6"><ins class="icon-remove"></ins></a>
    </td>
    <td style="display: none;">
        <a class="row-click" href="/Events/TireInfoListView?tireSetGroupID=d09fb958-d008-e211-aa97-d067e53b2ed6">Details</a>
    </td>
</tr>
4

1 に答える 1

0

行の場合はクリック機能をチェックインする必要がありました。すなわち

$('.table tbody tr').click(function (event) {
    if (event.target.localName == 'td') {
        $.pjax({
            url: $(this).find('td a.row-click').attr('href'),
            container: '#update_panel'
        });
    }
});
于 2012-10-26T13:11:42.780 に答える