javascript - 使用 jQuery 修改 CSS 类的名称 - 无法加载

Question

我有以下代码(使用 XSLT/HTML)

<div class="{@ClassName} modify""><img src="{substring-before(@Image, ', ')}"/></div>

“ClassName”通过 CMS 动态处理，当选择两个选项时，它们会被一堆其他字符分隔开。结果你得到了类似这样的东西:

;#class1;#class2;#

我想做的是根据当前设置修改类名。我写了下面的代码，当它进入浏览器的控制台窗口时，它的工作绝对有魅力。但是，当添加到实际页面时，它不会生效。我想知道这是优先事项还是其他事项:

$('.modify').each(function(){
var newPrimeItem= "primary item";
var newItem = "item";
if ( $(this).attr('class') == ";#primary;#item;# modify") { $(this).attr('class', newPrimeItem);}
if ( $(this).attr('class') == ";#item;# modify") { $(this).attr('class', newItem );}    
});

如有任何帮助，我们将不胜感激。

提前致谢:)

Answer 1

为了在页面加载时触发函数，您需要将其包装在 DOM 中。

这是关于 DOM ready for jquery 的教程.

$(document).ready(function() {
    // Code to be executed on page load.
});