我正在使用jquery mobile和Bootstrap开发一个web应用程序,但是我遇到了textarea的问题,我不知道这两个javascript库之间是否存在不兼容性。这很奇怪,但我没有在我的HTML代码中找到错误。它在jsp文件中,这是一段代码:
</div>
<ul data-role="listview" data-inset="true" data-theme="a" data-content-theme="a" >
<li data-role='list-divider'>Middleware</li>
<div class="inner">
<a href="" class="btn btn-large" id="TeamLeaderMidd">Team Leader: <% out.println(TeamLeaderMidd); %></a>
<div hiden id="form-TeamLeaderMidd" class="formularios">
<fieldset class="ui-grid-a">
<div class="ui-block-a"><input type="text" id="celTeamLeaderMidd" value = <%out.print("\""+ CelTLMid+ "\"");%> disabled></div>
</fieldset>
+
<textarea cols="40" rows="8" name="textarea" id="mensajeTeamLeaderMidd">sas a</textarea><br>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="sms" checked="checked" >
<label for="radio-choice-1">SMS</label>
</fieldset>
<button class="alert-info" onclick="mensajes(celTeamLeaderMidd.value,mensajeTeamLeaderMidd.value)">Enviar!</button>
</div>
</div>
我可以插入字符,数字和特殊字符,但是我可以插入制表符空格,换行符或空格字符。
在标题中我有以下内容:
<script src="./jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="./jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<link href="./jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="./bootstrap/css/bootstrap-responsive.css">
我删除了以下行,现在有效:
<ul data-role="listview" data-inset="true" data-theme="a" data-content-theme="a" >
<li data-role='list-divider'>Middleware</li>
任何人都知道为什么?
答案 0 :(得分:1)
您的HTML无效。您没有关闭标记示例中的</ul>
。
将列表放回</ul>
之后。