Jquery addClass在控制台中工作,但在代码中不工作
我正在尝试向Shopify的Buy Button SDK创建的元素添加一个类。当我通过控制台添加它时,它工作正常,但当我通过附加的.js文档运行它时,它就不工作了。它为H1添加了警告和颜色更改,以确保其正确连接,并且是正确的 从这个角度来看其他问题,脚本似乎在试图操作尚未加载的元素。但是,使用$document.ready或$window.onload都不起作用。jQuery在头部调用,在自定义脚本之前 $window.onload,函数{ 警告页面正在读取JavaScript; $h1.C颜色,橙色; $.shopify-buy\u product-img-wrapper.addClasscol-md-6; };Jquery addClass在控制台中工作,但在代码中不工作,jquery,dom,Jquery,Dom,我正在尝试向Shopify的Buy Button SDK创建的元素添加一个类。当我通过控制台添加它时,它工作正常,但当我通过附加的.js文档运行它时,它就不工作了。它为H1添加了警告和颜色更改,以确保其正确连接,并且是正确的 从这个角度来看其他问题,脚本似乎在试图操作尚未加载的元素。但是,使用$document.ready或$window.onload都不起作用。jQuery在头部调用,在自定义脚本之前 $window.onload,函数{ 警告页面正在读取JavaScript; $h1.C颜
尝试以“Shopify方式”添加类。从BuyButton.js文档中:
var options = {
product: {
contents: {
footer: true,
},
templates: {
footer: '<footer class="{{data.classes.product.footer}}">This is a footer</footer>'
},
classes: {
footer: 'product-footer',
},
styles: {
footer: {
'background-color': 'black'
}
}
}
}
谢谢这似乎是正确的方法,但我很难确定要添加的类的位置。我特别想将col-md-6类添加到我可以使用$.shopify-buy\uu product-img-wrapper选择的类中。当我使用$.shopify-buy\u product-img-wrapper.addClasscol-md-6时;在控制台中,它可以工作。使用与您的用例相关的特定示例更新了答案页面加载但元素没有采用正确的类:var ui=shopifbuy.ui.initclient;ui.createComponent'product',{id:[],节点:document.getElementById'product',选项:{product:{templates:{img:},类:col-md-6,}}};移除,类别:col-md-6,。如果要在模板标记中显式设置类,则不需要它。
var ui = ShopifyBuy.UI.init(client);
ui.createComponent('product', {
id: the_product_id,
node: document.getElementById('product'),
options: {
product: {
templates: {
img: '<div class="{{data.classes.product.imgWrapper}} new_class_here"><img class="{{data.classes.product.img}}" src="{{data.currentImage.src}}" /></div>'
}
}
}
});