2

"popover"MVCヘルパー要素で 使用しようとして"@Html.PasswordFor"いますが、タイトルのみが表示され、コンテンツは表示されません。コードは次のとおりです。

 @Html.PasswordFor(model => model.Password, new {rel = "popover", 
                   data_original_title = "Choose new password",  
                   data_content = "minimum 8 chars"})

次のようなHTMLコードを生成します。

<input rel="popover" data-original-title="Choose new password" 
       data-content="minimum 8 chars" id="Password" name="Password"
       type="password" 
/>

Javascriptコード：

$(document).ready(function () {
    $("#Password").popover({ trigger: 'hover' });   
});

このコードは機能しますが、タイトル（ "Choose new password"）のみが表示され、コンテンツ（ "最小8文字"）は表示されません。

HTMLコードを直接書いてみましたが、問題なく動作し、同じコードです!!! しかし、Razor構文では機能しません。

誰か助けてもらえますか？結果の画像を追加します

結果

4

1 に答える 1

0

問題はCSSクラス（ "input-prepend"）でした。そのクラスのDIV内に"Input"コントロールがあります。「bootstrap.css」のそのクラスは「font-size：0;を定義します」そのため、タイトルは正しく表示されましたが、テキストは表示されませんでした。JesseWebbとMiikaLに感謝します

于 2012-12-28T10:37:26.963 に答える