1

jquery mobileとBootstrapを使用してWebアプリを開発していますが、textareaに問題がありますが、これら2つの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>

誰もが理由を知っていますか？

4

1 に答える 1

1

無効なHTMLがあります。</ul>マークアップサンプルでを閉じていません。

その後、リストを元に戻し</ul>ます。

于 2012-06-03T21:37:49.590 に答える