Bootstrap 工具提示不适用于我的 php 文件

Question

I have using bootstrap v3.3.7 on for my php project.我在我的 php 项目上使用了 bootstrap v3.3.7。 I have included all minified files.我已经包含了所有缩小的文件。 But my tooltip is not working.但是我的工具提示不起作用。

 <script type="text/javascript"> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script> <script src="js/bootstrap.min.js" type="text/javascript"></script>

 <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-theme.min.css">

 <div class="container"> <div class="row"> <div class="col-md-9"> <div class="content1"> <div style="padding-left:120px; padding-right:120px"> <form class="form-horizontal" role="form" method="post" id="formID" enctype="multipart/form-data"> <div class="form-group"> <label for="inputEmail3" class="col-sm-3 control-label">Name of business</label> <div class="col-sm-8"> <input type="text" class="form-control validate[required]" placeholder="Enter name of your business" name="tbname" value="<?=$b_name?>" > </div> </div> <br> <div class="form-group"> <label for="inputPassword3" class="col-sm-3 control-label">Area</label> <div class="col-sm-5"> <select class="form-control" name="area" id="area" data-toggle="tooltip" data-placement="right" title="specify your nearby location"> <option value="">-- Select Area --</option> <?php $q = mysqli_query($con, "select * from tbl_areas"); while($result = mysqli_fetch_assoc($q)) { echo "<option value='$result[areaid]'>$result[area]</option>"; } ?> </select> </div> </div> <div class="col-sm-7"> <input type="submit" name="btnad" id="btnad" value="Register" class="btn btn-info"/></div> </form> </div> </div> </div> <div class="col-md-3"> <div class="right"> <?php include 'include\\front_right.php'?> </div> </div> </div><!--row end--> </div>

I have used here tooltip for only 'select' tag.我在这里只使用了“选择”标签的工具提示。 but still not working.但仍然无法正常工作。 Please give me solution for this.请给我解决方案。

Answer 1

Please chekc this demo how it is working请检查这个演示它是如何工作的

 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>Tooltip Example</h3> <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> </div> <script> $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); </script> </body> </html>

Answer 2

Have you included jquery?你有没有包含jquery？ Here is a working example:这是一个工作示例：

 $(function () { $('[data-toggle="tooltip"]').tooltip(); });

 <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <div class="container"> <div class="row"> <label for="inputPassword3" class="col-sm-3 control-label">Area</label> <div class="col-sm-5"> <select class="form-control" name="area" id="area" data-toggle="tooltip" data-placement="bottom" title="specify your nearby location"> <option value="">-- Select Area --</option> <option value="1">Area 1</option> <option value="2">Area 2</option> </select> </div> </div> </div>

Bootstrap 工具提示不适用于我的 php 文件

问题描述

2 个解决方案

解决方案1
1 2016-09-29 11:25:06

解决方案2
0 2016-09-29 11:37:23

Bootstrap 工具提示不适用于我的 php 文件

问题描述

2 个解决方案

解决方案1 1 2016-09-29 11:25:06

解决方案2 0 2016-09-29 11:37:23

解决方案1
1 2016-09-29 11:25:06

解决方案2
0 2016-09-29 11:37:23