Codeigniter ajax 工具提示

Question

当光标悬停到链接时，我想使用来自 db 的动态数据制作弹出工具提示，但我做错了。请更正我的代码。

我的看法

    <script type="text/javascript">
        $(document).ready(function() {
            $('.tip').tooltip();
        });
    </script>
    <script type="text/javascript" language="javascript">
        jQuery(document).ready(function(){
       $('#something').mouseover(function(){
        $.ajax({
         url: "<?=base_url();?>aircraft/tip",
         type: 'POST',
         data: {
          'id': $(this).attr("rel"),
         },
         dataType: 'json',
         success: function(aircraft_j) {
                  $('#something').attr('data-original-title',aircraft_j);  
              }
        });
        return false;
       });
      });
      </script>

    <a href="#" data-toggle="tooltip" data-placement="right" id="something" title="" 
data-original-title="" rel="1" class="tip">aircraft</a>

我的控制器

 function tip() {
    $this->output->enable_profiler(false);
    if($this->input->server('HTTP_X_REQUESTED_WITH') != 'XMLHttpRequest'){ echo "fail. try something else"; return; }
    $this->load->model('aircraft_model');
    $idd = $this->input->post('id');
    $aircraft_j = array();
    $aircraft_j = $this->aircraft_model->get_aircraft_tip($idd);
    echo json_encode($aircraft_j);
    }

我的模型

 function get_aircraft_tip($idd) {
    $this->db->where('id',$idd);
    $query = $this->db->get('aircraft');
    return $query->row_array();
    }

Answer 1

好的，正如您所说，您正在使用 bootstrap 工具提示。你应该这样做：

在您的 html 中：

<a href="#" data-toggle="tooltip" id="something" title="" 
data-original-title="tooltip data goes here">whatever you want</a>

据我所知，您的 ajax 和 CI controller 没有问题，但您必须对您的 success function 进行轻微更改，如下所示：

success: function(aircraft_j) {
                  $('#something').attr('data-original-title',aircraft_j);  
              }

另外：您可以阅读prop()，这可能对您有所帮助。

您可能面临的问题..

在您的CI tip function 中，我看到了echo json_encode($aircraft_j);，因此您的$aircarft_j 变量应该是“string”数据类型。正如我所见，您正在从您的模型中返回 $query->row_array();，因此您可能需要将其作为数组使用。 here你可以找到一个很好的解释。