0

我的项目中有 3 页

jq-scripts.js

// # DOM Ready
$( function() {

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

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

});

示例.php

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

索引.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）的工具提示不起作用？
谢谢

4

2 回答 2

3

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

$( function() {
    $( '#sample_page' ).load("sample.php", function() {
        $('.ttip').tooltip();
    });
});
于 2013-07-19T07:06:04.990 回答
1

这应该工作，

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

});

工作演示

因为我无法在 .load() 中加载 sample.php 页面，所以制作 innerhtml，

于 2013-07-19T07:21:24.510 回答