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: enter image description here

here's how of others look: enter image description here

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

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -