javascript - jquery tab ajax问题

Question

这是我的 JavaScript :-

<script type ="text/javascript">
    $(function()
    {
$("#tabs").tabs({ cache: true ,fx: { opacity: 'toggle' }});


    });

</script>

这是我的 html，它使用 ajax 加载 php 文件:-

  <ul>
            <li><a href="#tab1">General</a></li>
            <li><a href="<?php echo base_url() . 'Admin/Messages.php' ?>">Messages</a></li>
            <li><a href="<?php echo base_url() . 'Admin/Pics.php' ?>">Pics</a></li>
            <li><a href="<?php echo base_url() . 'Admin/Facilities.php' ?>">Facilities</a></li>

        </ul> 

我想知道的问题是当 Messages.php 加载时，javascript onload 事件会触发吗？我想知道，因为我想将我的 textarea 并将其转换为编辑器。但是我无法捕获 window.onload 事件:-

   window.onload = function(){
        alert('hello');
    }

如果我写一些东西:-

 $(function(){
}

它在 Opera 和 IE 中可以工作，但有时有时不起作用。总而言之，在上述情况下如何捕获 window.onload ？

编辑

看起来 $(function(){ } 似乎可以正常工作，问题出在 fx: { opacity: 'toggle' } 上。当我删除效果时，效果很好。

提前致谢:)

Answer 1

window.onload 事件不会触发，在您加载到其中的文档中已经触发了。

您应该能够使用document.ready，例如$(function() { }); 在您正在获取的页面中并且它可以工作，前提是您至少使用 jQuery 1.4.2+。 1.4.2 版本中的事件修复了多个问题，其中一个问题是不一致的，如果您使用的是 1.4.1 或更低版本，我不能保证它 100% 一致。

或者，您可以将代码放在主页而不是 Messages.php 中，然后运行 ​​load event 中的代码。选项卡，如下所示:

$("#tabs").bind("tabsload", function(event, ui) {
  $('.myEditorClass', ui.panel).myEditorPlugin();
});