2

bootstrap-tooltip.jsからボタンのツールチップを実装しようとしていますが、ボタンを機能させることができません。デフォルトの.ctpファイルにjquery.jsと一緒にスクリプトをインポートしました。

ツールチップが必要なインデックスファイルに、ツールチップを追加しようとしたこのボタンがあります。

<?php echo $this->Html->link(__('<i class="icon-plus"></i>'), array('action' => 'add'), array('class'=>'btn', 'rel'=>'tooltip', 'data-placement'=>'top', 'title'=>'Add', 'escape'=>false));?>

このように機能する別のHTMLファイルにツールチップがあります。

<a id="x-tooltip" href="#" rel="tooltip" data-placement="top" title="x">x</a>

私は何かを逃したことがありますか?なぜこれがphpステートメントで機能しないのですか?

4

1 に答える 1

2

私はそれを次のように動作させました:

これを機能させるには、bootstrap.min.js と jquery.js と、bootstrap.css を含める必要があります。

こんな感じでボタンを作りました。

<?php echo $this->Html->link(__('View'), array('action' => 'view', $albumList['AlbumList']['id']), array('class'=>'btn', 'rel'=>'tooltip', 'data-placement'=>'top', 'title'=>'View')); ?>

最後に行う必要があるのは、これをボタンの下のどこかに配置することです。

        <script>
            $('[rel="tooltip"]').tooltip('toggle')
            $('[rel="tooltip"]').tooltip('hide');   
        </script>

これでうまくいくはずです。

于 2013-04-11T13:35:44.033 に答える