Question

我正在尝试自定义我已经拥有的用于选择Google字体和更新预览DIV的功能之一，但是我还想添加“字体大小”，“字体重量”，“字母间距”等，但是这个功能只有在你点击主字体选择器的复选框时才有效，我希望它检查其他选项，如字体重量，大小，字母间距，然后更新预览，我试着为每个元素单独添加Jquery代码，但是我不能获取主选择框的值ID。有人可以帮我做这个，或者至少只有一个额外的选项，我已经添加了，所以其余的我会自己做..请看看这个小提琴因为我谈到jquery时几乎为0 ..

//init when value is changed
jQuery( '.google_font_select' ).change(function(){ 
    var mainID = jQuery(this).attr('id');
    GoogleFontSelect( this, mainID );
});

http://jsfiddle.net/3eWmJ/

Answer 1

查看代码中的这些行：

var _selected = $(slctr).val();
...
$('.'+ _previewer ).css('font-family', _selected +', sans-serif' );

我们本来要做的是复制代码以更改文本的其他属性。这些代码行的作用是定义包含选项的HTML元素并更改font-family CSS属性的值。基本上，我们只需要做同样的事情，但对于其他属性。

使用font-weight属性作为示例，让我们为font-weight的下拉菜单指定一个变量：

var font_weight = $('#gfont_weight').val();

然后我们使用该变量来获取字体粗细并像这样分配：

$('.'+ _previewer ).css('font-weight', font_weight);

Jquery - 谷歌字体选择字体大小，重量，样式

1 个答案: