jQuery的页面加载行为

2013-07-19 62 views 0 likes

JQ-scripts.js中

// # DOM Ready 
$(function() { 

    $('.ttip').tooltip(); 

    $('#sample_page').load("sample.php"); 

});

sample.php

<p class="ttip" title="some text">Hallo</p>

的index.php

<head> 

<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.0.custom.css" type="text/css" /> 

<script type='text/javascript' src='js/jquery-1.9.1.js'></script> 

<script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script> 

<script type='text/javascript' src='js/jq-scripts.js'></script> 

</head> 

<body> 

<div id="sample_page"></div> <!-- TOOLTIP DON'T WORK --> 

<p class="ttip" title="some text">Hallo</p> <!-- TOOLTIP WORK -->

有谁知道为什么加载页面的工具提示（sample.php）d OES不工作？
感谢

来源

2013-07-19 Paolo Rossi

回答

你或许应该初始化工具提示插件一旦元素是实际可用：

$(function() { 
    $('#sample_page').load("sample.php", function() { 
     $('.ttip').tooltip(); 
    }); 
});

来源

2013-07-19 07:06:04 adeneo

这应该工作，

$(function() { 
    $('#sample_page').load("sample.php"); 
$('.ttip').tooltip(); 

});

WORKING DEMO

，我可以不加载.load（）中的sample.php页面，请使用innerhtml，

来源

2013-07-19 07:21:24

jQuery的页面加载行为

回答

相关问题