W3C验证 - 此时元素a上不允许使用属性buttonindex

时间:2017-11-21 10:41:42

标签: javascript html validation w3c

我收到错误"此时元素a上不允许属性buttonindex"。我的代码是

<p><a class="btn btn-success_ar hidden-xs" id="indexCarouselBeforeBtn2" buttonindex="2" role="button">HOVER HERE TO SEE BEFORE</a></p>

我的脚本是

<script type="text/javascript" >
var imageList = [];

$(document).ready(function(){

    var totalSlides = 5;
    for (var i = 1; i <= totalSlides; i++) {

        imageList[i] = [];

        imageList[i][0] = $('<img />').attr('src', 'after/images/external/index' + i + 'after.jpg').attr('id', 'indexCarouselImg' + i);
        imageList[i][1] = $('<img />').attr('src', 'after/images/external/index' + i + 'before.jpg').attr('id', 'indexCarouselImg' + i);


        $("#indexCarouselBeforeBtn" + i).mouseenter(function(){

            $("#indexCarouselImg" + $(this).attr('buttonindex')).remove();
            $("#item" + $(this).attr('buttonindex')).append(imageList[$(this).attr('buttonindex')][1]);
            $(this).addClass('btnHover');
        });

        $("#indexCarouselBeforeBtn" + i).mouseleave(function(){

            $("#indexCarouselImg" + $(this).attr('buttonindex')).remove();
            $("#item" + $(this).attr('buttonindex')).append(imageList[$(this).attr('buttonindex')][0]);
            $(this).removeClass('btnHover');
        });

        $("#indexCarouselImg" + i).remove();
        $("#item" + i).append(imageList[i][0]);
    }
});

即使使用P和Div标签而不是a标签,错误仍然存​​在。我该如何解决这个问题。

1 个答案:

答案 0 :(得分:1)

我认为HTML中不存在该属性。

您可以使用tabindex。

https://www.w3schools.com/tags/att_global_tabindex.asp