Gallerific:它在引用其内部对象的Jquery代码之前加载

Gallerific:它在引用其内部对象的Jquery代码之前加载,jquery,jquery-plugins,Jquery,Jquery Plugins,我有一个问题,一个流行的jQuery插入显示图像与HTML附近 在这个HTML中,我有一个图像,用作按钮: 在和标记之间,我有以下jQuery代码: <script type="text/javascript"> $(document).ready(function () { $(".my_button").click(function(){ $.get("page.php",function(data) { $('#mydiv').html(data

我有一个问题,一个流行的jQuery插入显示图像与HTML附近

在这个HTML中,我有一个图像,用作按钮:

在和标记之间,我有以下jQuery代码:

<script type="text/javascript">
$(document).ready(function () {
  $(".my_button").click(function(){
    $.get("page.php",function(data)
    {
      $('#mydiv').html(data);
    });
  });
});
</script>
我试图把代码$.my_按钮。点击函数{};无处不在:在正文内,在页面底部,甚至进入Gallerific库。

您是否尝试过以下方法:

jQuery(document).ready(function($) { 
  //some Galleriffic code (Jquery code) 
  // Initialize Minimal Galleriffic Gallery
  $('#thumbs').galleriffic({
    imageContainerSel:      '#slideshow',
    controlsContainerSel:   '#controls'
  });
  $(".my_button").click(function(){
    $.get("pagea.php",function(data){
      $('#mydiv').html(data);
    });
  });
});

有点晚了,但无论如何:。有一种解决方案可以做到这一点,您甚至可以将代码放入

$document.ready

问题是,正如您所说,当您想要绑定click事件时,没有任何东西可以绑定它。那么,为什么不把它绑定到不同的东西上呢。这是一种可能性

.在

从jquery1.7开始。在此版本中,.on还具有.bind、.delegate和.live的功能。 我们感兴趣。代理类型:

所以不是

$(".my_button").click(function(){})
使用

它的作用是,您正在绑定。在事件到foo时,它可以是任何内容,从一开始就在页面上,比如$document。当你看到一些时说触发点击事件。我的按钮点击了。这意味着,当.my_按钮最终到达时,它将工作:


顺便说一下,这是一种解决Galleriffic harcore定制的另一个问题的方法:。这是将动作附加到主幻灯片图像或其包装的唯一方法,因为galleriffic仍在删除和附加这些结构。

我尝试过,但jquery代码仍在按钮出现之前加载,这次在上一张照片和下一张照片链接之后加载,但galleriffic的其余部分在我的代码之后加载。但是,如果我有//初始化高级Galleriffic Gallery uu而不是://初始化最小Galleriffic Gallery uuu,以及比您的示例更多的代码。。。如果它有用的话…我已经找到了一个解决方案,它不是那么优雅,但它是有效的。首先,我将jquery代码放在$window.loadfunction而不是document.readyfunction$中,这样它将在整个页面加载后运行。但是当我在Gallerific内容中更改照片时,按钮停止工作,因为事件仅绑定到加载的第一个按钮。为了解决这个问题,我还将Jquery代码放在名为function pageloadhash的GallerAfic函数中,就在返回语句之前,这样每当我更改GallerAfic的内容时,它都会被刷新;
$(".my_button").click(function(){})
$('#foo').on('click','.my_button', function(){})