【问题标题】:Disabled asp control doesn't render title as title禁用的 asp 控件不会将标题呈现为标题
【发布时间】:2013-10-22 09:33:09
【问题描述】:

我正在尝试在 asp:Textbox 上使用 jquery tooltip。问题是我无法将标题标签呈现为标题。它一直呈现为数据原始标题。我正在使用twitter bootstrap,我认为这可能是导致这种行为的原因。

我尝试在我的文本框中添加“标题”和“工具提示”,我尝试从后面的代码中添加文本框属性“标题”,但没有任何改变。这是渲染时的样子(我省略了所有不必要的代码):

<input type="text" title data-original-title="My Text">

如您所见,标题已呈现,但没有数据,而我的实际文本被放置在一个新的不需要的属性中。下面是我想要完成的 jquery 工具提示的工作。

<input type="text" title="My Text">

我必须使用 asp 控件,否则这不会成为问题。
有什么建议吗?

编辑
我没有提到控件被禁用,因为我认为它不会有任何区别。但实际上我刚刚意识到它在启用的 asp 控件上工作正常。
但问题仍然存在,因为只有当控件被禁用时我才需要工具提示。

【问题讨论】:

  • 能提供jsfiddle吗?
  • @dholakiyaankit 无法将 asp.net 代码放入 jsfiddle :(

标签: jquery asp.net twitter-bootstrap tooltip title


【解决方案1】:

可以使用Attributes设置title

txtBox1.Attributes.Add("title", "My Text");

txtBox1.Attributes["title"] = "My Text";

【讨论】:

  • 我喜欢你的回答,但如上所述我已经尝试过了。该问题还有一个编辑。
  • 你生成的 html 是什么,我可以看到禁用文本框上的工具提示,jsfiddle.net/Tnv6u/1
  • 我确实在问题中显示了我生成的 html: 而且你没有使用 asp:TextBox,我可以看到.
【解决方案2】:

嗯,这没有经过测试,但我有一个想法

<input type="text" data-getmytitle="your title">
//This is your element
function getmebinded()
{
$('input["data-getmytitle="your title""]').each(function()
{
    $(this)[0].title="your title";
});
}
//make your function that will bind title to your element
$(document).ready(function()
{
  var aa=getmebinded();
 });
// so now this will call your function of javascript after page has been loaded and your js also 

这应该是工作告诉我有关此的反馈,我希望这对您有帮助,简单的逻辑是在页面后绑定标题并且您的 js 已加载...问候...:)

【讨论】:

  • 感谢您的帮助!我尝试以您的方式获取输入,但唯一有效的是 $('input') 它将为我提供所有输入。无论如何,这样做给了我这个输出: 。这意味着它无论如何都更改了属性 data-original-title 。真的很烦!感觉好像我在这里错过了一些非常重要的东西。
  • 如果我使用 $('input[title=test]'),我可以找到标题,这会更改数据原始标题。 data-original-title 必须是页面渲染完成后设置的属性,每条js代码都执行完..
  • 你不能设置它,因为如果你设置了那个,那么你的 jquery 就可以工作了
  • 我不确定你的意思.. 你希望我分享什么样的细节?我想说的是,无论我尝试以何种方式更改 title,它总是会更改 data-original-title
  • 我使用了与您显示相同的代码,但更改了一些内容。例如,我必须省略 " 符号才能获得正确的输入。这是代码:$(document).ready(function() { var aa = getmebinded(); });function getmebinded() { $('input[title=test]').each(function () { $(this)[0].title = "theRightTitle"; }); }
猜你喜欢
  • 2012-07-16
  • 1970-01-01
  • 2018-01-22
  • 1970-01-01
  • 2013-06-16
  • 2019-07-22
  • 1970-01-01
  • 2019-04-22
  • 1970-01-01
相关资源
最近更新 更多