jQuery选择器属性值白色space问题

Question

几个星期前，我一直在使用这段代码将滚动事件放入特定页面，并且效果很好。

但是，昨天，客户要求将属性名称从“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

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

Answer 1

You should use quotes 包装你的 data-title 值

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

jQuery选择器属性值白色space问题

jQuery selector attribute value white space problem

javascript

jquery

attributes

scroll