在可重载的Ajax部分中使用JQuery引导
我正在创建一个订单系统，允许员工记录订单并跟踪从已订购到已调度的状态。然而，我们遇到的问题是，当查看订单时，另一台计算机上的另一名工作人员可能会更改订单。在执行页面刷新之前，这将不会注册。
为了解决这个问题，我希望使用这个脚本……http://www.michaelfretz.com/2010/04/21/using-ajax-to-load-data-from-php-into-your-website/
我已经设法让它在twitter bootstrap中工作得很好。在较慢的连接上，页面加载并提示“请稍候，正在加载数据”，直到数据加载完毕。
然而，我遇到的问题是我不能让javascript在重载部分中工作。我希望使用bootstrap工具提示。用户可以将鼠标悬停在订单id上，它将弹出订单内容。它在重载部分之外工作得很好，但是在里面我不能让它工作。
我尝试在加载部分中加载jquery和bootstrap tooltip javascript，但即使这样也不起作用。不过，这无论如何都会让它变得非常慢。
有谁知道如何在Ajax重载PHP文档中使用Bootstrap工具提示吗？
谢谢
回答 2
Stack Overflow用户
发布于 2012-12-06 16:09:51
如果您要加载动态内容，请将您的处理程序绑定到最接近的父处理程序，并且保持不变，然后添加一个筛选器，以便只选择您想要处理的元素。
所以，举个例子：
HTML：
<div id="parent">
<div id="igetinjectedwithdynamiccontent">
...
<a href="#" class="btn">IMA BUTTON</a>
...
</div>
</div>jQuery:
$('#parent').on('click', 'a.btn', function(event){
// handle click event for anchors of class 'btn'
});这将成功地将onclick处理程序绑定到parent div中的任何Bootstrap按钮，无论它们是在页面加载时存在还是动态添加。
Stack Overflow用户
发布于 2012-12-06 21:46:23
感谢你帮我回答这个问题。我现在已经想好了。在问问题之前甚至不知道要搜索什么。
我可以使用onload模拟器来模拟按下按钮。应该行得通。
然而，我选择了使用selecter选项，它显然只是jquery 'Live‘的一种选择
对于那些和我在同一条船上的人来说。加载JQuery后将其粘贴到您的页面中。
<script type="text/javascript">
( function($) {
$(document).ready(function() {
$('body').tooltip({
selector: '[rel=tooltip]'
});
});
} ) ( jQuery );
</script>很抱歉缩进..。愚蠢的4个空格:)
即使内容发生更改，此脚本也将继续加载。
https://stackoverflow.com/questions/13739255
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号