2013-07-19 63 views
0

我有3頁,我的項目jQuery的頁面加載行爲

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不工作?
感謝

回答

3

你或許應該初始化工具提示插件一旦元素是實際可用:

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

這應該工作,

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

}); 

WORKING DEMO

,我可以不加載.load()中的sample.php頁面,請使用innerhtml,