Jquery 使用类选择rel值时未定义
我正在使用模板。我有两个按钮可以切换。当我点击一个按钮时，它将得到一个类Jquery 使用类选择rel值时未定义,jquery,class,rel,Jquery,Class,Rel,我正在使用模板。我有两个按钮可以切换。当我点击一个按钮时，它将得到一个类uk活动。但是当我尝试在表单提交上使用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-butt
uk活动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>
我确信这两个按钮中的一个始终存在类uk active，请在加载DOM之前检查代码是否正在执行。
将脚本保存在
$（document）.ready（）中请检查以下代码。这对我来说是成功的
<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>
变量类型=$（'.uk active'）.attr（'rel'）；
警报（“外部文件准备就绪”+类型）；
$（文档）.ready（函数（）{
变量类型=$（'.uk active'）.attr（'rel'）；
警报（“内部文件准备就绪”+类型）；
});
租
购买
适用于我您可以尝试警报（$（'.uk active'）.length）-将脚本移动到dom就绪句柄（如果它不是已就绪的），它已经在dom中ready@ArunPJohny：尝试.length
时，我得到长度。但是没有得到所需的relvalue@Corner您能在jsfiddle
上重现这个问题吗？但是您没有加载UIKIT，如果您也加载，则会出现相同的答案。否。包装在document.ready中的脚本仅在DOM就绪时执行。
<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>