TableSorter 的 ColumnSelector 按钮中的标题(工具提示)JQuery
Title (tooltip) in the button from the ColumnSelector of TableSorter JQuery
https://mottie.github.io/tablesorter/docs/example-widget-column-selector.html
在 JQuery 的这个插件中,我正在使用此功能,允许您显示和隐藏您喜欢的列。
问题是,如果我将 title="whatever" 添加到 id="popover" 的按钮,标题就会进入顶部的模式。对任何人来说都是一个很好的功能,但我需要显示通常的工具提示,其中包含通常在您将鼠标悬停在按钮上时出现的 title 属性的内容。
如何才能恢复正常功能,以便能够像往常一样看到工具提示?
<!-- Bootstrap popover button -->
<button id="popover" class="btn btn-primary">
Show/hide column
</button>
<div class="hidden">
<div id="popover-target"></div>
</div>
//SHOW/HIDE COLUMNS
$.tablesorter.columnSelector.attachTo( $('.bootstrap-popup'), '#popover-target');
$('#popover')
.popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
示例代码使用 Bootstrap 的 popover to show the column selector menu. If you want to add a tooltip, then initialize Bootstrap's tooltip before the popover code (demo)
$(function() {
$(".bootstrap-popup").tablesorter({
theme: 'blue',
widgets: ['zebra', 'columnSelector', 'stickyHeaders']
});
// call this function to copy the column selection code into the popover
$.tablesorter.columnSelector.attachTo($('.bootstrap-popup'), '#popover-target');
$('[title]').tooltip();
$('#popover').popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
});
https://mottie.github.io/tablesorter/docs/example-widget-column-selector.html
在 JQuery 的这个插件中,我正在使用此功能,允许您显示和隐藏您喜欢的列。
问题是,如果我将 title="whatever" 添加到 id="popover" 的按钮,标题就会进入顶部的模式。对任何人来说都是一个很好的功能,但我需要显示通常的工具提示,其中包含通常在您将鼠标悬停在按钮上时出现的 title 属性的内容。
如何才能恢复正常功能,以便能够像往常一样看到工具提示?
<!-- Bootstrap popover button -->
<button id="popover" class="btn btn-primary">
Show/hide column
</button>
<div class="hidden">
<div id="popover-target"></div>
</div>
//SHOW/HIDE COLUMNS
$.tablesorter.columnSelector.attachTo( $('.bootstrap-popup'), '#popover-target');
$('#popover')
.popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
示例代码使用 Bootstrap 的 popover to show the column selector menu. If you want to add a tooltip, then initialize Bootstrap's tooltip before the popover code (demo)
$(function() {
$(".bootstrap-popup").tablesorter({
theme: 'blue',
widgets: ['zebra', 'columnSelector', 'stickyHeaders']
});
// call this function to copy the column selection code into the popover
$.tablesorter.columnSelector.attachTo($('.bootstrap-popup'), '#popover-target');
$('[title]').tooltip();
$('#popover').popover({
placement: 'right',
html: true, // required if content has HTML
content: $('#popover-target')
});
});