zmiana tytułu popovera z bootstrapem i jquery
Oto html dla linku, tj .:
<a href="javascript:void(0);" style="font-size: 3em; color: #222" class="popover-test" id="directNavPrev" data-title="Previous Result Row" data-content="Previous Result Row">
«</a>
tak, dzwonię .popover (), aby zainicjować, a popover działa dobrze. bez problemu mogę zaktualizować zawartość. tylko nie tytuł. próbowałem „prev.data („ title ”,„ new title ”)”, a nawet próbowałem ponownie uruchomić ”prev.popover ({title: 'new title'});” bez kości ... dzięki.
function SetDirectNavigationPlaceholder() {
//debugger;
var item = $("#movementType :selected").val();
var direct = $('#directNavigation');
var prev = $('#directNavPrev');
var next = $('#directNavNext');
switch (item) {
case "result":
$('#bookTypeSection').addClass('hide');
direct.val('Result Row from 1 - 150');
prev.attr('data-title', "Previous Result Row");
next.attr('data-title', "Next Result Row");
prev.attr('data-content', "Check it! this will contain the information for the previous result<table><tr><td>blah</td><td>blah</td></tr><tr><td>blah</td><td>blah</td></tr><tr><td>blah</td><td>blah</td></tr><tr><td>blah</td><td>blah</td></tr></table>");
next.attr('data-content', "Check it! this will contain the information for the next result<table><tr><td>blah</td><td>blah</td></tr></table>");
break;
case "instrument":
$('#bookTypeSection').addClass('hide');
direct.val('Instrument #');
prev.attr('data-title', "Previous Instrument #");
next.attr('data-title', "Next Instrument #");
prev.attr('data-content', "Check it! this will contain the information for the previous <b>instrument</b><table><tr><td>blah</td><td>blah</td></tr></table>");
next.attr('data-content', "Check it! this will contain the information for the next <b>instrument</b><table><tr><td>blah</td><td>blah</td></tr></table>");
break;
case "bookpage":
$('#bookTypeSection').removeClass('hide');
direct.val('Book/Page');
prev.attr('data-title', "Previous Book/Page");
next.attr('data-title', "Next Book/Page");
prev.attr('data-content', "Check it! this will contain the information for the previous <b>book/page</b><table><tr><td>blah</td><td>blah</td></tr></table>");
next.attr('data-content', "Check it! this will contain the information for the next <b>book/page</b><table><tr><td>blah</td><td>blah</td></tr></table>");
break;
}
direct.css('color', '#aaa').not('#directNavigationHeader');
}