Question

我有2个 file.php ， file1.php 它是核心页面的文件， file2.php 显示添加的形成。 file2.php 在语句中包含在 file1.php 中。当我需要使用 Boostraps.js 中的函数来美化工具提示时，我在 file1.php 中调用来自 Boostraps.js 的函数，如下所示：

$('.Btn').Tooltip({
placement: 'bottom'
});

为什么tooltip（）函数仅在 file1.php 上运行，不适用于 file1.php 中包含的 file2.php 如何保持此工具提示功能在包含的2个不同文件中运行。如果在全球范围内调用我就像这样使用了动作：

$(document).on('click',function(){
// Bla bla bla ...
})

Answer 1

你有两个完全独立的文件，那么它们应该如何相互通信？他们共享核心吗？像wordpress CMS。如果不是，你应该在两个php文件中包含相同的js文件，否则它将无法工作。

此代码：

$('.Btn').Tooltip()

表示全局，并且您在文档中的每个位置都会发现此类.btn将其转换为工具提示，＆＃34; BUT＆＃34;当文档中没有.btn＆＃34; OR＆＃34;您没有在该文档中添加此代码，您将获得任何内容，但代码将无效。

Answer 2

那么你现在要做的是同时使用两个文件php /页面？

如果你想做全局设置而不需要再设置它。

也许您可以尝试查看此代码。

$(document).on("mouseover",".btn",function(){
    var ele     = $(this);
    if(!ele.data("setthis")){ // check it. so we only bind only once
        $(this).tooltip({
            placement: 'bottom'
        });
        $(this).tooltip("show");
        ele.data("setthis",true); // set this to true, don't set it anymore
    }else{ // just a log. can delete it.
        console.log("Don't Set Another Tooltip");
    }
});

只需在核心页面@任何内容中运行一次。并且在这里jsfiddle：https://jsfiddle.net/synz/o8sue511/3/

如何使用Tooltip（）函数是全局的

2 个答案: