javascript - jQuery 函数不适用于文档加载

Question

我有一个通常在 Volusion 页面上运行的 jQuery 函数，但由于某种原因现在无法运行。 location.pathname.indexOf 以所有具有该 URL 的页面为目标(站点使用 GET 变量在 SearchResults.asp 页面上进行搜索)。我已经将报价单从单打改为 double ，但我似乎想不出任何其他方法来测试它。有人看到这段代码中有语法错误吗？不应该有任何冲突，因为它只运行 jQuery(没有像 MooTools 这样的其他东西)。我也尝试在 document.ready 之后发出“测试”警报，但屏幕上没有任何反应。谢谢!

<script>
$(document).ready(function() {  
    if (location.pathname.indexOf('/SearchResults.asp') != -1 ) {
        $('div#content_area').css({'display','none !important'});         
    }
});
</script>

Answer 1

你有一个语法错误。

这个:

$('div#content_area').css({'display', 'none !important'});

应该是这样的:

$('div#content_area').css({'display': 'none !important'});
//                                  ^
//                                  |
//                                  | look here

---

使用 .css() 时您可以使用 2 个变体。

您可以使用它来更新单个属性，该属性使用 , 来分隔 CSS 属性的名称和值，类似于此:

$('div#content_area').css('display', 'none !important');

或者您可以使用 jQuery 1.9 中添加的新变体，它允许您一次指定多个样式，允许您指定属性值对，类似于此:

$('div#content_area').css({
    'display': 'none !important',
    'border' : 'solid 1px red'
});

---

css() 和 !important

---

尝试使用 .css() 和 !important 应用样式时似乎存在问题。有一个很久以前提出的错误:Ticket #2066这是关闭的，并且在打勾的地方显示了一个替代方案。

它提到，作为替代方案，您可以在使用多样式变体时将 cssText 设置为与此类似:

$('div#content_area').css({
    'cssText': 'display: none !important'
});

或者当使用单一样式变体时:

$('div#content_area').css('cssText', 'display: none !important');

不过，正如打勾提到的，请注意:

You have to be careful setting cssText since it sets/clears everything in the css for that element.

考虑到 cssText 的副作用，另一种可能是最安全的选择是创建一个单独的 CSS 类并应用它，类似于此:

.alwaysHide{
    display: none !important;
}

$('div#content_area').addClass('alwaysHide');

希望这对您有所帮助。