0

クリック可能なリンクのテーブルがあり、それぞれがクリック可能で、タグTRと同じリンクに移動します。A

Aタグをクリックすると 2 つのウィンドウが開き、両方とも同じリンクに移動するという問題が発生しました。タグを無効にするAと、リンクをクリックしてもスクリプトがTR実行されません。

<table class="dataTable">
<tbody>
    <tr class="odd">
        <td class=" sorting_1">
            <strong>
                <a href="http://www.google.ca/" target="_blank">Form1</a>
            </strong> - [HTML]
            <br /><span class="contentSummary"> form 1 summary</span>
        </td>
    </tr>
</tbody>

A無効化されたタグをクリックしたときにスクリプトを実行することはできますか?

$('.dataTable a').click(function() {
    return false;
});

$('.dataTable tbody tr').click(function () {
    var url = $(this).find('a').attr('href');
    window.open(url);
}).hover(function () {
    $(this).toggleClass('hover');
});

jsfiddleのサンプルコードはこちら

4

1 に答える 1

0

あなたの tr がクリック可能で、イベントを処理するのを見て、テキストをリンクのようにスタイルします。

aタグをまとめて削除

<span class="faux_link">Your Link Text</span>

これを text-decoration: underline と必要なリンク属性でスタイルします

次に、必要なリンク データを含めるように少し変更します

<tr data-link="yourdestination.html">

次に、JavaScriptを少し変更します

$('.dataTable tbody tr').click(function () {
    var url = $(this).data('link'); //this right here
    window.open(url);
}).hover(function () {
    $(this).toggleClass('hover');
});
于 2013-11-09T00:01:16.760 に答える