在代碼點火器中顯示Bootstrap彈出窗口

我使用此工具提示彈出窗口從here ..我想要的是在從控制器獲取數據後在此工具提示中顯示數據..我不知道我該怎麼做這個..我有一個文本框在那裏我已經應用的模糊函數，所以如果用戶在輸入框輸入一些它顯示的數據與它在提示..我不知道我可以在我的腳本中使用此工具提示在代碼點火器中顯示Bootstrap彈出窗口

我的文本框，在視圖頁面

 Bill No:<?php echo form_input($bill_no); ?> 
    <input type="hidden" class="hiddenUrl">

在這個範圍內，我想顯示工具提示只是在infront或輸入框上方

 <span class="text"> </span>

我的javascript

<script type="text/javascript"> 


    $(document).ready(function(){ 

     $('#bill_no').blur(function(){ 

      if($('#bill_no').val().length >= 3) 
       { 
        var bill_no = $('#bill_no').val(); 
        getResult(bill_no); 
       } 
      return false; 
     }) 
     function getResult(billno){ 
      var baseurl = $('.hiddenUrl').val(); 
      // $('.checkUser').addClass('preloader'); 
      $.ajax({ 
       url : baseurl + 'returnFromCustomer_Controller/checkBillNo/' +  billno, 
       cache : false, 
       dataType: 'json', 
       success : function(response){ 
        $(".text").html(response.result); 
       } 
      }) 
     } 
    }) 


    </script>

... myController的

 function checkBillNo($billno) 
    { 
$this->load->model('returnModel'); 

$query = $this->returnModel->checkBillNo($billno); 

$billno = $this->uri->segment(3); 
$billno_results = $this->returnModel->sale($billno); 

//header('Content-Type: application/x-json; charset=utf-8'); 
echo json_encode($billno_results);

}

來源

2013-01-25 mynameisjohn

什麼是不工作？清除你的問題。也許keyup（）比blur（）更好？ – jtheman

我想使用工具提示..我想在工具提示中顯示數據..http：//twitter.github.com/bootstrap/javascript.html#tooltips這就是我使用的.. – mynameisjohn

我的代碼工作正常..我只想顯示工具提示中的數據，如果我這樣做無效。 – mynameisjohn

您必須插入返回的文本爲data-content屬性：

function getResult(billno){ 
     var baseurl = $('.hiddenUrl').val(); 
     //$('.checkUser').addClass('preloader'); 
     $.ajax({ 
      url : baseurl + 'returnFromCustomer_Controller/checkBillNo/' +  billno, 
      cache : false, 
      dataType: 'json', 
      success : function(response){ 
       $("#bill_no").attr("data-content", response.result); 
      } 
     }) 
    }

或

$('#bill_no').popover({html: response.text})

來源

2013-01-25 13:52:36 stormdrain

可以使用$.attr()設置屬性值是這樣的：

success : function(response){ 
        $(".text").attr('data-title', response.result); 
       }

來源

2013-01-25 13:52:10

在代碼點火器中顯示Bootstrap彈出窗口

回答

相關問題