jQuery 表单对齐插件?

发布于 2024-11-07 19:51:11 字数 837 浏览 0 评论 0原文

我在博客文章的评论中发现了以下 jQuery 表单对齐插件:

jQuery.fn.autoWidth = function(options) 
{ 
  var settings = { 
        limitWidth   : false 
  } 

  if(options) { 
        jQuery.extend(settings, options); 
    }; 

    var maxWidth = 0; 

  this.each(function(){ 
        if ($(this).width() > maxWidth){ 
          if(settings.limitWidth && maxWidth >= settings.limitWidth) { 
            maxWidth = settings.limitWidth; 
          } else { 
            maxWidth = $(this).width(); 
          } 
        } 
  });   

  this.width(maxWidth); 
}

我将其作为 form_autoWidth.js 包含在我的表单页面中。

我还从一个单独的文件 form_align.js 调用此插件:

$(document).ready(function() {
    $('.cleartext').autoWidth();
});

这不应该对齐 .cleartext 输入字段吗?

谢谢

I found the following jQuery form alignment plugin in the comment of a blog post:

jQuery.fn.autoWidth = function(options) 
{ 
  var settings = { 
        limitWidth   : false 
  } 

  if(options) { 
        jQuery.extend(settings, options); 
    }; 

    var maxWidth = 0; 

  this.each(function(){ 
        if ($(this).width() > maxWidth){ 
          if(settings.limitWidth && maxWidth >= settings.limitWidth) { 
            maxWidth = settings.limitWidth; 
          } else { 
            maxWidth = $(this).width(); 
          } 
        } 
  });   

  this.width(maxWidth); 
}

I included that as form_autoWidth.js in my form page.

I also called this plugin from a separate file, form_align.js:

$(document).ready(function() {
    $('.cleartext').autoWidth();
});

Shouldn't this align the .cleartext input fields?

Thanks

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

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

发布评论

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

评论(1

携余温的黄昏 2024-11-14 19:51:11

您需要确保调用函数以自动调整输入字段宽度的文件位于 jquery 外部文件之后。

You need to make sure the file in which you call the function to autowidth the input fields is after the jquery external file.

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