我有个问题:
<div id="arrow"></div>
<div id="p0" style="content: url(images/cerchioSelezionato.png)"></div>
<div id="p1" style="content: url(images/cerchio.png)"></div>
我的目标是:当我单击#arrow元素时,我希望#p0的图像成为cerchio,反之亦然,因此我在jQuery中编写了以下代码:
$(document).ready(function(){
$("#arrow").click(function(){
$("#p1").attr({content:url(images/cerchioSelezionato.png)});
$("#p0").attr({content:url(images/cerchio.png)});
}
}
当我单击Chrome中的箭头时,控制台会向我显示此错误:
Uncaught ReferenceError: url is not defined
slider_script.js:12(anonymous function) slider_script.js:12m.event.dispatch jquery-1.11.1.min.js:3r.handle
尝试 ...
$(document).ready(function(){
$("#arrow").click(function(){
$("#p1").attr({style: "content:url(images/cerchioSelezionato.png)" });
$("#p0").attr({style: "content:url(images/cerchio.png)" });
}
}
您要更改Style
属性,但要更改内容属性。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句