Bootstrap Tooltip not showing in ASP.Net Detailsview

I have a bootstrap tooltip that works as intended until I put it within a Details view control.   No error, it just does not work anymore.


Help!

Code

<div id="myDiv">
                                            <button class="btn btn-large btn-danger" data-original-title="Tooltip on top" data-placement="top" data-toggle="tooltip" title="">
                                                Tooltip on top
                                            </button>
                                            <input id="Button1" data-original-title="Tooltip on top" data-placement="top" data-toggle="tooltip" title="" type="button" value="button" />
                                        </div>

Open in new window



<script type="text/javascript">
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

<script type="text/javascript">
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

Open in new window

EdAsked:
Who is Participating?
 
Bob LearnedCommented:
My first guess would have been that the DetailsView changes the client ID for the control, since it is a container control.  But, you aren't using the ID as a selector.  

Did you check to see if $('[data-toggle="tooltip"]') returns a valid control?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.