【问题标题】:jQuery functions don't work in ChromejQuery 函数在 Chrome 中不起作用
【发布时间】:2013-08-04 05:32:36
【问题描述】:

我在 IE 中使用 Javascript 进行了此调用,效果很好,但在 Chrome 中根本不行!

我想根据布尔计算隐藏或显示表格行。

function show(checked, tableName) {
    if (checked) {
        $(tableName + " tr.class1").show();
    } else {
        $(tableName + " tr.class1").hide();
    }
}

在 HTML 中

<input type="checkbox" onclick="show(this.checked, '#tbody1')" />

<table>
<thead></thead>
<tbody id="#tbody1">
<tr class="class1"><td></td></tr>
<tr><td></td></tr>
<tr class="class1"><td></td></tr>
<tr><td></td></tr>
</tbody>
</table>

什么都没有发生。

【问题讨论】:

  • tableName 持有什么
  • 请提供更多信息?
  • 最可能的原因是tablename没有正确的jQuery选择器。
  • 这似乎是 chrome 中的问题 stackoverflow.com/questions/4840891/…
  • @Sushanth--。我已更改问题以获取更多信息。

标签: javascript jquery css html-table show-hide


【解决方案1】:

愚蠢的问题!现在可以了!这是 Chrome 临时文件的问题。它正在运行我的 javascript 的先前版本,它是一个包含!。谢谢大家的时间。

【讨论】:

    【解决方案2】:

    我写的这个脚本适合我:

    var tableClass = '.table';
    
    var checked = false;
    
    
    
    if(checked){
    
        $(tableClass + " tr.class1").show();
    
    }else{
    
        $(tableClass + " tr.class1").hide();
    
    }
    

    有这个html:

    <table class='table' border="1">
    
        <tr class='class1'>
    
            <td>row 1, cell 1</td>
    
            <td>row 1, cell 2</td>
    
        </tr>
    
        <tr>
    
            <td>row 2, cell 1</td>
    
            <td>row 2, cell 2</td>
    
        </tr>
    
    </table>
    

    【讨论】:

    • 是的,正如我在回答中所说,这是缓存的问题!感谢您的回答。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-28
    • 2013-03-18
    • 2011-11-19
    • 2017-09-05
    • 2011-03-07
    相关资源
    最近更新 更多