0

私のウェブページを w3c 有効にしたいので、エラーを段階的に修正して有効にします。html5 doctype を使用しましたが、エラーが見つかりました。

行 348、列 81: RDFa Core 属性 rel は、HTML5 + RDFa 1.1 Lite ドキュメントの li 要素では許可されていません。代わりに、HTML5 + RDFa 1.1 スキーマに対するチェックを検討してください。

だから私は rel の代わりに id を置き換えようとしましたが、w3c は有効ですが、コードは機能しません。relを使用せずに以下のコードを操作するには?

<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show(); 
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).attr("rel"); 
    $("#"+activeTab).fadeIn(); 
});
});
</script> 
<ul class="tabs">
<li class="active" rel="tab2">&nbsp;&nbsp;Reviews&nbsp;&nbsp;</li><li rel="tab3">News</li><li rel="tab4">&nbsp;&nbsp;Articles&nbsp;</li></ul>


<div id="tab1" class="tab_content" style="width:326px;">data</div>
<div id="tab2" class="tab_content" style="width:326px;">data tab2</div>
4

2 に答える 2

2

手動で (Javascript を使用せずに) HTML を調べ、各<li>要素を見つけてrel、id. ID がページ上で一意であることを確認してください。したがって、それらを、 などliTab2に変更する必要があります。liTab3

次に、jQuery で に置き換え$(this).attr("rel");ますthis.id.replace("li", "").toLowerCase();。

あなたが答えで他に何を探しているのか完全にはわかりません....

于 2012-10-01T19:35:41.667 に答える
2

liタブに関連付けられたすべての要素について、これを変更します。

<li class="active" rel="tab2">&nbsp;&nbsp;Reviews&nbsp;&nbsp;</li>

に：

<li class="active" data-target="tab2">&nbsp;&nbsp;Reviews&nbsp;&nbsp;</li>

そして変更

var activeTab = $(this).attr("rel");

に：

var activeTab = $(this).data("target");

これは、HTML5 の data-* 属性をオブジェクトのデータセットにプルする際に、jQuery のデフォルトの動作を使用することに注意してください。

于 2012-10-01T19:36:52.650 に答える