Я сделал следующее.
В моем html я определил список как
<ul id="fruits">
<li>Apple</li>
<li>Oranges</li>
<li>Guava</li>
</ul>
<input type="submit" id="big" value="Bigger" />
<input type="submit" id="small" value="Smaller" />
В моем файле JavaScript я написал код, чтобы увеличить и уменьшить размер шрифта элементов списка, но он НЕ работает.
function change_size(element,sizeName){
var current_size=parseInt(element.css('font-size'));
if(sizeName == 'smaller')
var new_size=0;
{
new_size=current_size-4;
}
else
{
new_size=current_size+4;
}
element.css('font-size',new_size+'px');
}
$('#big').click(function(){
change_size($('#fruits'),'bigger');
})
$('#small').click(function(){
change_size($('#fruits'),'smaller');
})
Я даже пробовал тег li внутри change_size, но он не работал.
change_size($('#fruits'), 'bigger');
// ^ add missing (
change_size
следующим образом. function change_size(element, sizeName) {
var current_size = parseInt(element.css('font-size')),
new_size = (sizeName == 'smaller') ? current_size - 4 : current_size + 4;
element.css('font-size', new_size + 'px');
}