Question

我真的搞砸了这个，请有人帮助我。

我正在做什么？ - ＆GT;我开发了一个应用程序，其中我需要灯箱效果（叠加），即当用户输入他的名字并单击按钮时，他将被显示一个灯箱（只是告诉他进程正在进行。你需要等待。），然后他可以关闭盒子。（这是因为如果他是一个大用户，过程可能需要5分钟。）

我做了什么？ - ＆GT;我的home.php中包含2-3个以前的.js文件，当我实现这些lightbox的.js文件时，它不适用于lightbox：这是我在home.php中的代码： /这是整体css文件

＆LT; link rel =“stylesheet”href =“style.css” type =“text / css”/＆gt;

//这是针对灯箱的

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

// css for lightbox effect

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

//这是jquerylibrary

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

//这是针对ajax脚本的

<script type="text/javascript" language="javascript" src="ajax_navigation.js">
</script>

//这是用于饼图的swfobject.js

<script type="text/javascript" src="js/swfobject.js"></script>

<script type="text/javascript">
    function senddata(){

        //here is some code for piechart
    }

$(document).ready(function(){
    $.get('/get_home_data.php', function(data){
        $('#get_data').html(data);
    });

    $("#btn_submit").bind('click', function(){

        if($('#tnm').val() != ''){

        $('#loadimg').html('<img src="images/ajax-loader(3).gif">');
            $('#lightbox').html('<img src="images/image-1.jpg" rel="lightbox" title="my caption">');
            $('#loadimg').show();
            $('#lightbox').show();      
            $.get('/userinfo.php?tnm='+$('#tnm').val(), '', function(data){
                    $('#get_data').html(data);
                    $('#lightbox').hide();
    $('#loadimg').hide();   
   });
        }
});

    $('#tnm').bind('keyup', function(e){
        if(e.keyCode == 13) {
            $("#btn_submit").trigger('click');
        }
    });
});
</script>

这是到目前为止（很遗憾很长），所有的div都在身体中正确调用。

现在我面对？ - ＆GT;我已经为上面的灯箱包含了这三个.js文件，但没有得到效果，当我把这些.js文件放在最后它不会调用get_home_data.php并禁用click事件，但给出了lightbox效果。我可以理解，最后把它放在jquery部分之上不会执行。

我真的很努力地完成这项任务并且达到了这一点，我的整个应用程序都准备就绪，没有这个灯箱。

我真的很感谢你的帮助。（并且如果需要，将很乐意提供更多细节。）

提前谢谢你。

Answer 1

您是否已在页面中拥有图像（rel="lightbox"），或者您只是使用jquery部分添加它们？在我看来，灯箱的初始化需要图像已经在页面中。你使用哪种灯箱实现？这one？

如果是这样，请尝试在jquery代码语句之后（在加载图像的语句之后）调用initLightbox();。

将lightbox的.js文件与以前的文件集成时出现问题

1 个答案: