mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-12 00:24:03 +02:00
Revert "Allow multiple delegated tooltip selectors on a node"
This reverts commit 1b3237629a
.
This reverts PR #14189 because it caused major regressions.
Fixes #15168.
We'll try to revisit #14167's feature request in Bootstrap v4.
[skip validator]
This commit is contained in:
@@ -188,36 +188,6 @@ $(function () {
|
||||
equal($('.popover').length, 0, 'popover was removed')
|
||||
})
|
||||
|
||||
test('should render popover elements using different delegated selectors on the same node', function () {
|
||||
var popoverHTML = '<div>'
|
||||
+ '<a href="#" class="first" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>'
|
||||
+ '<a href="#" class="second" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>'
|
||||
+ '</div>'
|
||||
|
||||
var $div = $(popoverHTML)
|
||||
.appendTo('#qunit-fixture')
|
||||
.bootstrapPopover({
|
||||
selector: 'a.first',
|
||||
trigger: 'click'
|
||||
})
|
||||
.bootstrapPopover({
|
||||
selector: 'a.second',
|
||||
trigger: 'click'
|
||||
})
|
||||
|
||||
$div.find('a.first').click()
|
||||
notEqual($('.popover').length, 0, 'first popover was inserted')
|
||||
|
||||
$div.find('a.first').click()
|
||||
equal($('.popover').length, 0, 'first popover removed')
|
||||
|
||||
$div.find('a.second').click()
|
||||
notEqual($('.popover').length, 0, 'second popover was inserted')
|
||||
|
||||
$div.find('a.second').click()
|
||||
equal($('.popover').length, 0, 'second popover removed')
|
||||
})
|
||||
|
||||
test('should detach popover content rather than removing it so that event handlers are left intact', function () {
|
||||
var $content = $('<div class="content-with-handler"><a class="btn btn-warning">Button with event handler</a></div>').appendTo('#qunit-fixture')
|
||||
|
||||
|
@@ -235,37 +235,6 @@ $(function () {
|
||||
equal($('.tooltip').length, 0, 'tooltip was removed from dom')
|
||||
})
|
||||
|
||||
test('should show tooltips with different delegate selectors on the same node on click', function () {
|
||||
var tooltipHTML = '<div>'
|
||||
+ '<a href="#" class="first" rel="tooltip" title="First delegated tooltip"/>'
|
||||
+ '<a href="#" class="second" rel="tooltip" title="Second delegated tooltip"/>'
|
||||
+ '</div>'
|
||||
|
||||
var $div = $(tooltipHTML)
|
||||
.append()
|
||||
.appendTo('#qunit-fixture')
|
||||
.bootstrapTooltip({
|
||||
selector: 'a.first[rel="tooltip"]',
|
||||
trigger: 'click'
|
||||
})
|
||||
.bootstrapTooltip({
|
||||
selector: 'a.second[rel="tooltip"]',
|
||||
trigger: 'click'
|
||||
})
|
||||
|
||||
$div.find('a.first').click()
|
||||
ok($('.tooltip').is('.fade.in'), 'first tooltip is faded in')
|
||||
|
||||
$div.find('a.first').click()
|
||||
equal($('.tooltip').length, 0, 'first tooltip was removed from dom')
|
||||
|
||||
$div.find('a.second').click()
|
||||
ok($('.tooltip').is('.fade.in'), 'second tooltip is faded in')
|
||||
|
||||
$div.find('a.second').click()
|
||||
equal($('.tooltip').length, 0, 'second tooltip was removed from dom')
|
||||
})
|
||||
|
||||
test('should show tooltip when toggle is called', function () {
|
||||
$('<a href="#" rel="tooltip" title="tooltip on toggle"/>')
|
||||
.appendTo('#qunit-fixture')
|
||||
|
Reference in New Issue
Block a user