在jQuery中使用attr数据

Question

我对jQuery很新，所以这可能是一个非常基本的错误，但这是对的吗？

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

font-max的属性在html中设置，但由于某种原因我无法在此处成功使用它。

我正在尝试取代必须做这样的事情：

maxFontPixels: 72 

如果有问题，html看起来像这样：

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

我非常感谢任何帮助......谢谢！

UPDATE：解决方法是删除“+”和变量之间的空格。就像我说的，我是个菜鸟。希望这会有所帮助。

Answer 1

宽度此行代码

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

你得到了72。 如果您想将其写入DIV，SPAN或其他内容，您可以通过

执行此操作

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

如果要更改HTML元素的maxFont值，可以使用

进行设置

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

Answer 2

从你的问题中不清楚究竟什么不起作用。

无论如何，不​​要使用自定义属性，请使用data- *属性。

变化：

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

要：

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

并改变：

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

要：

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

虽然这是更好的自定义属性方法，但它可能仍然无法解决您的问题。拨打textfill时，您的问题更有可能发生。