jQuery选择器属性值空格问题

菲利普·苏尔

几周前，我一直在使用此代码将滚动事件设置为特定页面，并且运行良好。

但是，昨天，客户要求将 de 属性名称从“Ouro”更改为“Ouro Envelhecido”。

第一个功能代码是这样的：


jQuery(document).ready(function($) {
    $("[data-title=Ouro]").click(function() {
        $('html, body').animate({
            scrollTop: $(".custom-product-page").offset().top - 100
        }, 1000);
    })

而在属性名称更改后，我们只是添加了“Envelhecido”，如下所示：


jQuery(document).ready(function($) {
    $("[data-title=Ouro Envelhecido]").click(function() {
        $('html, body').animate({
            scrollTop: $(".custom-product-page").offset().top - 100
        }, 1000);
    })

并且代码停止工作。在控制台上，我收到警告说未捕获的错误：语法错误，无法识别的表达式：[data-title=Ouro Envelhecido]，但是，属性名称 100% 正确。

图片：https : //prnt.sc/13py6mv https://prnt.sc/13py8zy

任何帮助，将不胜感激！

Pof

您应该使用引号来包装您的数据标题值

jQuery(document).ready(function($) {
    $("[data-title='Ouro Envelhecido']").click(function() {
        $('html, body').animate({
            scrollTop: $(".custom-product-page").offset().top - 100
        }, 1000);
    }) 
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。