Question

我正在使用来自here的这个工具提示弹出窗口..我想要的是在从控制器获取数据后在此工具提示中显示数据..我不知道我该怎么做...我有一个文本框我已经应用了模糊功能，所以如果用户在输入框中输入内容，它会在工具提示中显示数据。我不知道如何在我的脚本中使用此工具提示

我在观看页面中的文本框

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

在这个范围内，我想在输入框的正前方或上方显示工具提示

     <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);

}

Answer 1

您可以使用$.attr()设置属性值，如下所示：

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

Answer 2

您必须将返回的文本插入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})

在Code igniter中显示Bootstrap popover

2 个答案: