【问题标题】:Add class not working on hyperlink添加类不适用于超链接
【发布时间】:2014-11-20 16:33:41
【问题描述】:

jQuery

if ($('.panel a').hasClass('collapsed')) {
    $('.panel a').addClass('no-print');
}   

HTML

<div class="panel panel-default">
    <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" class="collapsed">
</div>

我上面有我的 jQuery 和 HTML,我想添加 no-print,它会触发不会打印其内容的 no-print CSS 样式......但是,它不起作用。我的 jQuery 错了吗?

我已按照以下说明进行操作:

  1. Check to see if href has class, if so, grab the id
  2. Determine if an element has a CSS class with jQuery

我不知道还能做什么......

【问题讨论】:

  • script 与您的 HTML 的其余部分相关的位置在哪里
  • 您应该将 jQuery 代码包装在 '$(document).ready();' 中事件
  • 你好@MarkNijboer,我试过了,但是没用。
  • @tymeJV 这是我想要的无打印类的唯一脚本,因此当用户单击打印按钮时,它不会显示该区域。其中没有类时显示内容,有折叠类时不显示内容。

标签: javascript jquery css


【解决方案1】:

将您的脚本代码封装在 document.ready 事件中。

$(document).ready(function() {
  if ($('.panel a').hasClass('collapsed')) {
    $('.panel a').addClass('no-print');
  }
})

Js Fiddle

【讨论】:

  • 您面临什么问题?我还添加了一个示例演示,可以帮助您理解问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-08-11
  • 1970-01-01
  • 2018-10-05
  • 2013-08-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多