使用类选择 rel 值时未定义答案

【问题标题】：Undefined when selecting rel value using class使用类选择 rel 值时未定义
【发布时间】：2015-06-19 05:32:03
【问题描述】：

我正在使用UIKit 模板。我有 2 个按钮可以切换。当我单击一个按钮时，它将获得一个类uk-active。但是当我尝试在表单提交上使用 jQuery 获取 rel 属性值时，它显示未定义。我的代码在下面

<button class="uk-button uk-width-1-2 uk-active" rel="0" type="button"><span class="fbaicon"></span> RENT</button>
<button class="uk-button uk-width-1-2" rel="1" type="button"><span class="fbaicon"></span> BUY</button>

我的 jQuery 是，

var type = $('.uk-active').attr('rel');
alert(type);

我确信这两个按钮之一始终存在 uk-active 类

【问题讨论】：

为我工作jsfiddle.net/tusharj/tat5o3c3
你能试试alert($('.uk-active').length); - 如果你的脚本还没有，请将它移动到 dom 就绪句柄
它已经在 DOM 中准备好了
@ArunPJohny ：当尝试.length 时，我得到了长度。但没有得到所需的 rel 值
@Corner 你能在jsfiddle上复制这个吗？

标签： jquery class rel

【解决方案1】：

在加载 DOM 之前检查代码是否正在执行。将脚本保存在$(document).ready();

【讨论】：

【解决方案2】：

请检查以下代码。它对我来说很成功。

   <html>
    <head>
    <script src="js/jquery.min.js"></script>
    <script language="Javascript" type="text/javascript">

    var type = $('.uk-active').attr('rel');
    alert("outside document ready "+type);
    $(document).ready(function(){
    var type = $('.uk-active').attr('rel');
    alert("inside document ready "+type);

    });
    </script>
    </head>
    <body>
    <button class="uk-button uk-width-1-2 uk-active" rel="0" type="button"><span class="fbaicon"></span> RENT</button>
    <button class="uk-button uk-width-1-2" rel="1" type="button"><span class="fbaicon"></span> BUY</button>

    </body>
    </html>

【讨论】：

你没有加载 UIKit
如果你加载也会出现同样的答案。
没有。包裹在 document.ready 中的脚本只有在 DOM 准备好时才会执行。