Question

我正在使用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始终存在

Answer 1

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

中

Answer 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>

使用类选择rel值时未定义

2 个答案: