jquery - Jquery のクリック可能なテーブルの行が IE で機能しない

Question

Rails ビュー内でクリック可能なテーブル行を作成しようとしていますが、IE で動作させるのに苦労しています。

この質問に対する別の回答を見ましたが、それが私の状況にどのように関連しているかはわかりませんでした。

ここに私のjqueryがあります

jQuery( function($) { 
    $('tbody tr[data-href]').addClass('clickable').click( function() { 
    window.location = $(this).attr('data-href'); 
    }).find('a').hover( function() { 
        $(this).parents('tr').unbind('click'); 
    }, function() { 
        $(this).parents('tr').click( function() { 
            window.location = $(this).attr('data-href'); 
        }); 
    }); 
}); 

マークアップの一部を次に示します (すべてのタグが閉じられています)。

<table id="gradient-style">
    <thead>
      <tr>
        <th scope="col">First name</th>
        <th scope="col">Last name</th>
        <th scope="col">Home phone</th>
        <th scope="col">Work phone</th>

        <th scope="col">Division</th>
        <th scope="col">Email</th>
       </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="6">Give background color to the table cells to achieve seamless transition</td>

        </tr>
    </tfoot>
    <tbody>
  <tr data-href="/players/657/edit" class="odd">
    <td>joe</td>
    <td>bloggs</td>
    <td>0123456789</td>

    <td></td>
    <td></td>
    <td>email@email.com</td>
  </tr>
  <tr data-href="/players/676/edit" class="even">
    <td>joe</td>
    <td>bloggs2</td>
    <td>123456789</td>
    <td>123456789</td>
    <td></td>
    <td>lala@live.com</td>
  </tr>

リンクは chrome と Firefox では正常に機能しますが、私の人生では IE でそれらを機能させることはできません。

どんな助けでも大歓迎です、

アダム

*編集：このような意味でしたか*

jQuery( function($) { 
    $('tbody tr[data-href]').addClass('clickable').click( function() { 

         window.location.href = $(this).attr('data-href');
    }).find('a').hover( function() { 
        $(this).parents('tr').unbind('click'); 
    }, function() { 
        $(this).parents('tr').click( function() { 
            window.location.href = $(this).attr('data-href'); 
        }); 
    }); 

*編集 - *

IE を再起動しない限り、開発者コンソールを開いてから閉じると、問題なく動作します。これは本当に私をかなり混乱させます。