問題集成.js文件與以前的燈箱

我真的搞砸了這個，有人可以幫我在這裏，請。問題集成.js文件與以前的燈箱

我在做什麼？ - >我開發了一個應用程序，其中我需要燈箱效果（疊加），即當用戶輸入他的名字並單擊按鈕時，他將顯示一個燈箱（只是告訴他，過程正在進行中，您需要等待。），那麼他可以關閉盒子（這是因爲如果他是一個大用戶，過程可能需要5分鐘）。

我做了什麼？ - >在我的home.php中包含2-3個以前的.js文件，並且當我實現這些lightbox的.js文件時，它不適用於Lightbox：以下是我在home.php中的代碼： /這是整體css文件

<鏈路的rel = 「樣式表的」 href = 「style.css文件」類型= 「文本/ CSS」/>

//這是收藏夾

<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的燈箱效果

<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>

//這是一個餅圖

<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>

swfobject.js

這是迄今爲止（對於冗長的抱歉），所有的div id在身體中被正確調用。

現在我正面臨着？ - >我已經將這三個.js文件包含在上面的lightbox中，但是沒有得到效果，當我把這些.js文件放在最後它不會調用get_home_data.php並禁用點擊事件，但是會給出lightbox效果。我可以理解，最後把它不執行以上jQuery部分。

我真的很努力地完成這件事，我達到了這一點，我的整個應用程序已經準備好沒有這個燈箱。

我真的很感謝你們的幫助。（如果需要，我們將很樂意提供更多細節。）

在此先感謝您。

來源

2010-08-10 Rishi2686

你有沒有在你的網頁的圖像（與rel="lightbox"），或者你只是使用jquery部分添加它們？在我看來，燈箱的初始化需要圖像已經在頁面中。你使用哪個燈箱實現？這個one？

如果是這樣，請嘗試在jquery代碼語句（在加載圖像的語句之後）後調用initLightbox();。

來源

2010-08-10 09:09:39 devmake

問題集成.js文件與以前的燈箱

回答

相關問題