JQUERY更改标题不使用工具提示
我使用JQUERY和jqueryui来更改一小串文本的标题值。当页面第一次加载时,工具提示工作正常,并显示我的“单击展开”工具提示。当用户点击“更多…”或“更少…”文本时,它应该触发点击功能(它会这样做);切换博客文章的可见性(确实如此);将文本从多个切换到少个,反之亦然(确实如此);然后更新按钮的标题,使工具提示显示新文本(在Chrome中会更新)。然而,工具提示从未更改,即使标题上写着“折叠帖子”,工具提示上仍然写着“单击以获取更多” 如何以JQUERY UI工具提示能够看到更新并在鼠标悬停时正确报告新值的方式动态更新标题JQUERY更改标题不使用工具提示,jquery,jquery-ui,jquery-ui-tooltip,Jquery,Jquery Ui,Jquery Ui Tooltip,我使用JQUERY和jqueryui来更改一小串文本的标题值。当页面第一次加载时,工具提示工作正常,并显示我的“单击展开”工具提示。当用户点击“更多…”或“更少…”文本时,它应该触发点击功能(它会这样做);切换博客文章的可见性(确实如此);将文本从多个切换到少个,反之亦然(确实如此);然后更新按钮的标题,使工具提示显示新文本(在Chrome中会更新)。然而,工具提示从未更改,即使标题上写着“折叠帖子”,工具提示上仍然写着“单击以获取更多” 如何以JQUERY UI工具提示能够看到更新并在鼠标悬停
/*
*
* @DocumentReady
*/
$(window).ready(function(){ //Checks if the document is ready
/*
*
*
*/
$(".moreButtonClass").click(function(){ //Handles the button click
// just leaves the number and appends to make the div ID
var postID = "#post" + this.id.replace(/[^\d]/g, "");
var moreButton = "#moreButton" + this.id.replace(/[^\d]/g, "");
$(postID).toggle(); // Toggle visibility
if($(postID).is(":visible")) {
$(moreButton).text("less...");
$(moreButton).attr("title", "Collapse Post");
} else {
$(moreButton).text("more...");
$(moreButton).attr("title", "Show Post");
}
}); //Close the function
/*
*
*
*/
$( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load this tab. We'll try to fix this as soon as possible. ");
});
}
}); // Close the function
/*
*
*/
$(function() {
$( document ).tooltip({track: true}); // Allow JQUERY to handle tooltips
}); // Close the function
}); // Close the Document Ready Function
你不能用
$(moreButton).attr("title", "Show Post");
因为工具提示是由jQuery UI初始化的。相反,请使用以下命令:
$(moreButton).tooltip( "option", "content", "Show Post - test" );
RTM:我使用Jquery和引导,但这两种方法都不起作用。我必须这样做:
$("#myelement").attr("data-original-title", "New title/message" );
这在使用ajax的动态加载模式中起作用-原始页面元素被更改,因此看起来很稳定。我遇到了一个“未初始化”错误,因此解决方案是:$(moreButton).tooltip().tooltip(“选项”、“内容”、“显示后期测试”);