Bootstrap Popover不适用于MVC3

问题描述：

我试图将"popover"用于"@Html.PasswordFor" MVC帮助程序元素，但只显示标题而不显示内容。的代码是：Bootstrap Popover不适用于MVC3

@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' }); 
});

该代码工作，但只显示标题（“选择新密码“）并且不显示内容（”最少8个字符“）

我试着直接写HTML代码，它工作正常，它是相同的代码！但使用Razor语法不起作用。

任何人都可以帮助我吗？我添加一个图像，其结果

Result

如果您直接使用HTML并且它可以工作，但它不能与Razor一起使用，那么Razor **必须**不会生成您认为它的HTML。请检查HTML页面的来源，并将生成的标记与您所知道的副本进行比较。区别在于你的问题。 –

Razor生成完全相同的代码，实际上我复制了Razor生成的代码，以进行测试。使用的HTML代码是Razor生成的代码（并且工作正常） – Gonzalo

不是我不相信你，但它似乎*不太可能*。如果你说的是真的，这意味着你的浏览器有某种方法可以知道哪些技术服务于标记（它不会），并选择采取不同的行为，或者b）当浏览器呈现时间断断续续地表现不同相同的标记（不太可能）。更可能的原因是标记略有不同。我现在没有时间亲自尝试这个，但如果仍然没有解决方案，我今晚会自己尝试一下。 –

答

的问题是一个CSS类（“输入前置”）我有与该类一个DIV内的“输入”控制。 “bootstrap.css”中的那个类定义了font-size：0;“所以我看不到文字，虽然标题可以正确看到。谢谢Jesse Webb和Miika L

很高兴你解决了问题！ –

Bootstrap Popover不适用于MVC3

相关推荐