Question

我想使用jquery更改页面的字体，所以这里是

HTML：

<p>Content Font:</p>
<select name="content_fonts">
<option value="volvo">Arial</option>
<option value="saab">Gerogia</option>
<option value="fiat" selected="selected">Times New Roman</option>
<option value="audi">verdana</option>
</select>

jquery的：

$('#contant_fonts').click(function(){
   $('.leftpanel').css('font-family',"Times New Roman", Times, serif"));
});

但是deosnt似乎工作谢谢

Answer 1

你只需要一些报价调整，你的选择器就会关闭，就像这样：

$('select[name="content_fonts"]').click(function(){
   $('.leftpanel').css('font-family','"Times New Roman", Times, serif');
});

虽然我认为你所追求的是：

$('select[name="content_fonts"]').change(function(){
    $('.leftpanel').css('font-family', $(this).find(":selected").text());
});

You can test it out here

Answer 2

只需查看您的代码

即可

$('.leftpanel').css('font-family',"Times New Roman", Times, serif"));

第二个参数css是一个字符串，所以如果你需要在该字符串中传递Double Quotes，它不会破坏参数本身。

$('.leftpanel').css('font-family','"Times New Roman", Times, serif'));

见尼克克拉弗的答案。

或者你甚至可以逃避（\"）双引号。

问题在于你的引号不在jQuery中。或Javascript。

使用jquery操作选择框

2 个答案: