在 jQuery 中使用 attr 数据

发布于 2024-12-09 15:30:34 字数 476 浏览 0 评论 0原文

我对 jQuery 还很陌生,所以这可能是一个非常基本的错误,但这是正确的吗?

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

font-max 的属性是在 html 中设置的,但由于某种原因我无法在这里成功使用它。

我试图取代必须做这样的事情:

maxFontPixels: 72 

如果有问题,html 看起来像这样:

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

我将非常感谢任何帮助...谢谢!

更新:解决方案是删除“+”和变量之间的空格。就像我说的,我是个菜鸟。希望这有帮助。

I'm pretty new to jQuery so this may be a pretty basic mistake, but is this right?

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

The attribute of font-max is set in the html, but I am not successfully able to use it here for some reason.

I am trying to replace having to do something like this:

maxFontPixels: 72 

In case there's a question, the html looks something like this:

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

I would greatly appreciate any help... thanks!

UPDATE: Solution was to remove the space between the '+' and the variable. Like I said, I'm a noob. Hope this helps.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

绿萝 2024-12-16 15:30:34

这行代码的宽度

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

是 72。
如果您想将其写入 DIV、SPAN 或其他内容,您可以通过以下方式执行此操作:

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

如果您想更改 HTML 元素的 maxFont 值,您可以使用以下命令进行设置

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

width this line of Code

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

you get the 72.
If you want to write it into a DIV, SPAN or something else you can do this via

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

If you want to change the maxFont Value of the HTML Element you can set this with

$('h2').attr('font-max', 'yourValue');
晨与橙与城 2024-12-16 15:30:34

从你的问题中尚不清楚到底是什么不起作用。

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

更改:

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

到:

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

和更改:

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

到:

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

虽然这是执行自定义属性的更好方法,但它可能仍然无法解决您的问题。您的问题更有可能与您对 textfill 的调用有关。

Its not clear from your question what exactly isn't working.

Anyway, don't use custom attributes, use data-* properties.

Change:

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

To:

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

And change:

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

To:

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

While this is the better way to do custom attributes, it probably still won't fix your problem. Your problem is more likely with your call to textfill.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文