2014-10-06 14 views
5

ho un seguente struttura di filenome di attributo non definito (ruolo), eclissi

WebContent-> bootstrap->

js

css

img

WebContent-> Indice .jsp

Nessuno dei seguenti due URL aiuta a risolvere e errore di attributo non definito.

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 dettagli della versione sono elencati di seguito. Strumento Primavera Suite

Versione: 3.6.1.RELEASE Corporatura Id: 201.408.250.818 Piattaforma: Eclipse Luna (4,4)

Copyright (c) 2007-2014 Pivotal Software, Inc. Tutti i diritti riservati . Visita http://spring.io/tools/sts

Questo prodotto include software sviluppato da Apache Software Foundation http://www.apache.org

+0

Quale versione di Eclipse è questa? Il commutatore di dati è valido in questa versione di HTML? Qual è il secondo dei due URL? – nitind

risposta

9

il DOCTYPE

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

è per HTML 4.01.

data-* attributes sono stati aggiunti in HTML 5. The doctype for HTML 5 è fondamentalmente uno

<!DOCTYPE html> 

o

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

E 'anche possibile che il vostro IDE non è a conoscenza di HTML 5 e le sue numerose modifiche.

0

Le versioni più recenti di Eclipse supportano i tag HTML5 e gli attributi data- * consentiti in HTML5. Tuttavia, quando si usa l'attributo role la sintassi corretta in base al modello dei ruoli ARIA e al modulo degli attributi del ruolo XHTML non preclude l'attributo role con data- * lasciando solo il ruolo e non il ruolo dei dati.

Quindi <ul role="menubar"> è più corretto di <ul data-role="menubar">. La validità della sintassi può essere verificata utilizzando il (X) HTML5 Validator. jQuery Mobile utilizza abbastanza estensivamente l'attributo ruolo dei dati, anche se non sono sicuro del perché.

Nota: se si aggiorna e si ricevono ancora degli avvisi sugli attributi data- *, è possibile considerare di aggiornare o rimuovere eventuali controlli della sintassi installati come JTidy. A partire da Indigo Service Release 1, l'attributo role continua ad attivare un avviso di attributo non definito in Eclipse per impostazione predefinita.