Codeigniter ajax工具提示
当光标悬停在链接上时,我想用db中的动态数据生成弹出工具提示,但我做错了什么。请更正我的密码 我的看法Codeigniter ajax工具提示,ajax,codeigniter,tooltip,Ajax,Codeigniter,Tooltip,当光标悬停在链接上时,我想用db中的动态数据生成弹出工具提示,但我做错了什么。请更正我的密码 我的看法 <script type="text/javascript"> $(document).ready(function() { $('.tip').tooltip(); }); </script> <script type="text/javascript" language="java
<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 get_aircraft_tip($idd) {
$this->db->where('id',$idd);
$query = $this->db->get('aircraft');
return $query->row_array();
}
好的,正如您所说,您正在使用工具提示。以下是您应该如何做到这一点: 在html中:
<a href="#" data-toggle="tooltip" id="something" title=""
data-original-title="tooltip data goes here">whatever you want</a>
另外:您可以阅读可能对您有帮助的内容
你可能面临的问题。。
在您的
CI-tip函数中
我看到了echo-json\u-encode($raveler\u j)
因此您的$aircarft_j
变量应该是“字符串””数据类型。正如我看到的,您正在返回$query->row_array()代码>从您的模型中,因此您可能需要将其作为数组使用。你可以找到一个很好的解释。问题出在哪里?你有错误吗?您希望输出是什么?你需要问一个好问题才能得到好答案。“更正我的代码”对我们没有帮助。@Miguel-F你有错误吗?-不,我什么也得不到,这就是问题所在。当光标悬停在链接上时,我想用id div工具提示将记录返回控制器的结果。您使用的工具提示是什么?@mamdouh alramadan我使用bootstrap,但这是我第一次使用jquery/ajax,我不知道如何以及在何处粘贴bootstrap工具提示。我按照您说的做了,但在测试后,我发现了一个问题。成功函数中的数据为空。您说过$aircraft_j必须是字符串类型。为了进行测试,我做了如下测试:$aircraft_j='1';在此之后,数据为空。我认为这个问题可能与json_编码有关,但不知道为什么。还有一个问题。我可以将结果与控制器中的html组合,然后将其提供给查看吗?或者更好地结合在一起?我给了你一个编译的例子。我没说它应该是字符串。如果您愿意,我提供的链接可以帮助您使用数组。关于这一点有很多帖子。你能告诉我成功内部警报(飞机)的结果是什么吗。如果它是空的,请粘贴修改后的代码,这样我可以更好地了解您的组合问题,您可以同时执行这两项操作。但是在你的控制器中做这个过程,并将它更好地传递给视图操作系统,因为你在遵循mvc的工作,所以警报(aircraft_j)的结果是空的。我在第一篇文章中插入了修改过的代码。好的。那么您正在传递一个数组。因此,请粘贴console.log(aircarft_j)
的结果,您可以在firebug中看到。并检查模型是否实际返回数据。
<a href="#" data-toggle="tooltip" id="something" title=""
data-original-title="tooltip data goes here">whatever you want</a>
success: function(aircraft_j) {
$('#something').attr('data-original-title',aircraft_j);
}