使用jquery更改div中的字體類型

您好我嘗試更改div中的字體類型。其中有2個用戶可以更改字體類型的按鈕。字體類型選擇是在CSS使用jquery更改div中的字體類型

.fontType1{font:"Lucida Handwriting";}  
.fontType2{font:"Comic Sans MS";}

按鈕：

<div id="greet"></div> 
<div title="fontType1" >Lucida</div> 
<div title="fontType2" >comic</div>

jQuery代碼：

$("div").click(function(){ 
    $("#greet").removeClass(font); 
    var font = $(this).attr("title"); 
    $("#greet").addClass(font); 
});

幫助，請...

來源

2010-09-08 ayu

我相信有代碼缺失，告訴代碼要刪除的原始字體類是什麼？ – griegs 2010-09-08 04:09:00

按鈕？它必須是使用class =」..「如果你想他們工作。 – klox 2010-09-08 04:17:35

只是刺在這裏，但或許是：

.fontType1{font-family:"Lucida Handwriting";}  
.fontType2{font-family:"Comic Sans MS";}

來源

2010-09-08 04:15:57 danjah

使用font-family而不是font：

.fontType1{font-family:"Lucida Handwriting";} 
.fontType2{font-family:"Comic Sans MS";}

http://jsfiddle.net/SAsyK/

來源

2010-09-08 04:16:55 Ben

+1爲jsfiddle鏈接！ – danjah 2010-09-08 04:18:46

-1

我想你最好應該用jQuery類切換谷歌有一個插件，可以幫助你在一個語句開關類。

來源

2010-09-08 04:19:11 Neutralizer

在調用removeClass時，在聲明它之前，您正在使用名爲font的變量。嘗試類似

$("div").click(function(){ 
    var old_font = $('#greet').data('current_font'); 
    if (old_font) { 
     $("#greet").removeClass(old_font); 
    } 
    var font = $(this).attr("title"); 
    $("#greet").addClass(font).data('current_font', font); 
});

而且，也有人指出，如果你只設置字體系列，使用font-family屬性。該font屬性是用於定義all the font properties in one declaration

.fontTypeX {font-family:"Arial";}

BTW：你有沒有聽說過browser safe fonts？

來源

2010-09-08 04:19:26

使用jquery更改div中的字體類型

回答

相關問題