Bootstrap工具提示不能在我的PHP文件上工作

我對我的PHP項目使用了bootstrap v3.3.7。我已經包含了所有縮小的文件。但我的工具提示不起作用。Bootstrap工具提示不能在我的PHP文件上工作

<script type="text/javascript"> 
 
\t $(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> 
 
\t <?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>

我在這裏提示只能用於 '選擇' 的標籤。但仍然無法正常工作。請給我這個解決方案。

來源

2016-09-29 Sudip977

首先添加jQery和引導庫頭標記，然後因爲你不使用任何AJAX調用提示（）函數頁面的頁腳呼叫添加選擇標籤然後上面的建議將幫助您解決問題。在Ajax調用的情況下，您可能必須使用jQuery動態綁定。 –

它是如何擁有包括jQuery的工作

<!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>

來源

2016-09-29 11:25:06 madankundu

請將您的代碼插入爲' – madankundu

對不起..我是新的PHP和新的堆棧溢出... – Sudip977

沒問題。只要谷歌搜索，你可以找到所有的答案。謝謝 – madankundu

請chekc這個演示？這裏是一個工作示例：

$(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>

來源

2016-09-29 11:37:23 Umid

Bootstrap工具提示不能在我的PHP文件上工作

回答

相關問題