2014-10-06 147 views
5

我有以下文件結構未定義屬性名稱(角色),蝕

WebContent-> bootstrap->

JS

CSS

IMG

WebContent->索引.jsp

以下兩個網址都不能幫助解決e未定義的屬性錯誤。

Undefined attribute name (data-toggle)

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div class="container"> 

<button type="submit" class="btn btn-default">Submit</button> 
<span class="label label-primary">Primary</span> 
<span class="label label-success">Success</span> 
<span class="label label-info">Info</span> 
<span class="label label-warning">Warning</span> 
<span class="label label-danger">Danger</span> 
<a href="#">Inbox <span class="badge">42</span></a> 


</div> 
<div class="jumbotron"> 
    <h1>Hello, world!</h1> 
    <p>...</p> 
    <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p> 
</div> 

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> 
    Dropdown 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li> 
    <li role="presentation" class="divider"></li> 
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> 
    </ul> 
</div> 
</body> 
</html> 

Eclipse版本詳情如下。 春天工具套件

版本:3.6.1.RELEASE 版本ID:201408250818 平臺:Eclipse的露娜(4.4)

版權所有(C)二○○七年至2014年匹軟件公司 保留所有權利。訪問http://spring.io/tools/sts

本產品包括由 Apache軟件基金會http://www.apache.org

+0

哪個版本的Eclipse是這個?數據切換是否在此版本的HTML中有效?這兩個網址中的第二個是什麼? – nitind 2014-10-06 03:07:44

回答

9

你的doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

是HTML 4.01開發的軟件。

data-* attributes是在HTML 5 The doctype for HTML 5添加基本上是要麼

<!DOCTYPE html> 

<!DOCTYPE html SYSTEM "about:legacy-compat"> 

它也很可能是你的IDE不知道HTML 5和它的許多變化。

0

較新版本的Eclipse支持HTML5標記和HTML5中允許的data- *屬性。然而,當使用角色屬性時,根據ARIA角色模型和XHTML角色屬性模塊的正確語法不是爲角色屬性添加數據前綴*,只留下角色而不是數據角色。

所以<ul role="menubar"><ul data-role="menubar">更正確。可以使用(X)HTML5驗證器來檢查語法的有效性。 jQuery Mobile使用相當廣泛的數據角色屬性,但我不確定爲什麼。

注意:如果升級並且仍然收到有關data- *屬性的警告,則可能需要考慮更新或刪除任何已安裝的語法檢查程序,如JTidy。從Indigo Service Release 1開始,默認情況下,角色屬性繼續在Eclipse中觸發未定義的屬性警告。