0

プロジェクトに 3 ページあります

jq-scripts.js

// # DOM Ready
$( function() {

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

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

});

サンプル.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) のツールチップが機能しない理由を知っている人はいますか?
ありがとう

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 に答える