Question

我的项目中有3页

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）不起作用？
感谢

Answer 1

一旦元素实际可用，您应该初始化工具提示插件：

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

Answer 2

这应该有效，

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

});

WORKING DEMO

由于我无法在.load（）中加载sample.php页面，所以make innerhtml，

jquery页面加载行为

2 个答案: