jquery - Bootstrap Tooltip Opacity changes? -
i've been adding twitter bootstrap tooltips basic survey site i've been creating learn backbone.
all of tooltips correct except tooltip added branching button.
here's how bad 1 looks:
here's how of others look:
it's has opacity of .8 while others 1. i'm not changing how i'm adding them i'm perplexed what's going on.
i found different so recommends doing:
.tooltip.in { opacity: 1; filter: alpha(opacity=100); }
but doesn't seem work.
here's how i'm adding tooltip:
<div id="arrow-up"><i class="fa fa-arrow-up" title="you can rearrange order questions appear in using arrows next each question." data-toggle="tooltip" data-placement="left"></i> </div>
another version ?
:
<input type="checkbox" id="imagequestion" class="image-question" checked> <label for="imagequestion">add image question</label> <i class="fa fa-question-circle tooltip-info" title="if add image question, check 'add image question' box." data-toggle="tooltip" data-placement="right"></i>
here's how i'm adding bad 1 (possibly of note - view child view of view contains other tooltips. question view has many answer childviews):
<a data-toggle="modal" data-target="#<%= @id %>" class="btn manage-skip active"><i class="fa fa-code-fork" title="you can branch survey answers answers lead different questions. use tailor messages , survey paths people looking find." data-toggle="tooltip" data-placement="left"></i></a>
then in both answer , question views show tooltips view this:
onshow: -> $('[data-toggle="tooltip"]').tooltip()
it looks issue trying attach tooltip within link modal. when added div wrapped around a
worked expected:
<div class="inline" title="you can branch survey answers answers lead different questions. use tailor messages , survey paths people looking find." data-toggle="tooltip" data-placement="left"><a data-toggle="modal" data-target="#<%= @id %>" class="btn manage-skip active"><i class="fa fa-code-fork"></i></a></div>
Comments
Post a Comment