1

我正在尝试在 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。这真的让我很困惑。

4

0 回答 0