Использование данных attr в jQuery

Question

Я довольно новичок в jQuery, так что это может быть довольно простой ошибкой, но так ли это?

var maxFont = $('h2').attr('font-max');
jQuery('.jtextfill').textfill({ maxFontPixels: + maxFont });

Атрибут font-max установлен в html, но я по какой-то причине не могу его здесь использовать.

Я пытаюсь заменить необходимость сделать что-то вроде этого:

maxFontPixels: 72 

В случае возникновения вопросов, HTML выглядит примерно так:

<h2 font-max="[someValue]" >

Буду очень признателен за любую помощь ... спасибо!

ОБНОВЛЕНИЕ: Решением было удаление пробела между '+' и переменной. Как я уже сказал, я нуб. Надеюсь, это поможет.

Answer 1

Из вашего вопроса не ясно, что именно не работает.

В любом случае, не используйте пользовательские атрибуты, используйте data- * properties.

Изменение:

<h2 font-max="[someValue]" >

Кому:

<h2 data-font-max="[someValue]" >

И изменить:

var maxFont = $('h2').attr('font-max');

Кому:

var maxFont = $('h2').data('font-max');

Хотя это лучший способ создания пользовательских атрибутов, он, вероятно, все еще не решит вашу проблему. Скорее всего, у вас проблема с звонком textfill.

Answer 2

ширина этой строки кода

var maxFont = $('h2').attr('font-max');

вы получите 72. Если вы хотите записать это в DIV, SPAN или что-то еще, вы можете сделать это через

$('.theElementToDisplay').innerHTML(maxFont);

Если вы хотите изменить значение maxFont HTML-элемента, вы можете установить его с помощью

$('h2').attr('font-max', 'yourValue');