Javascript jQuery FancyBox混乱按钮

我的网页上有几个jQuery Fancybox。它们是通过一些ajax被放到页面上的，ajax还将其他东西（比如按钮等）带到页面上。但是，由于某种原因，在打开FancyBox窗口后，我会在页面上出现以下样式错误，直到重新加载：

Uncaught TypeError: Object [object Object] has no method 'button'

在我点击并打开一个FancyBox之前，这个按钮工作得很好。这是我的花式方框代码和按钮代码

jQuery('.fancybox-media').fancybox({
    fitToView: false,
    width: '100%',
    height: '100%',
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none'
});

按钮：

$('.adminbutton').button();

编辑

我已经明确地将其缩小到jQueryUI和FancyBox的冲突。打开FancyBox之后，我再也不能让jQueryUI方法发挥作用了。有人知道这方面的解决方法或可靠的解决方案吗

编辑2

我找到了一个临时的解决办法，但似乎不太对劲。但它确实解决了这个问题。关闭FancyBox后，我将jQuery UI与其他一些jQuery一起重新包含到页面上

$.getScript('/js/jquery-ui.js');

---

我找到了解决这个错误的真正方法，因为没有其他人提供任何真正的帮助。我的JS文件的顺序不是问题，而是ajax。出于某种原因，使用ajax的jQuery light box插件似乎破坏了很多代码。但是，通过将这些灯箱改为iFrame，并将我的JS和CSS头添加到我所包含的页面中，我使其能够正常工作

---

简单

---

当使用jQuery Light Box插件时，当页面依赖于其他jQuery（如jQuery UI）时，请使用iFrame而不是ajax。

JS文件的顺序是个问题。

按钮可能重复。
不是一种方法，因此fancybox没有应用于该元素。请在@AramKocharyan上做一个小摆弄：可能OP正在使用jQuery UI，请检查并重试