2015-09-10 71 views
0

我想激活這個jQuery功能,當我到達頁面中的特定代碼? (PHP代碼)。jquery如何激活功能,當達到特定代碼行

$(document).ready (function(){ 
       $("#alert").click(function showAlert() { 
        $("#success-alert").css('display','block'); 
        $("#success-alert").alert(); 
        $("#success-alert").fadeTo(2000, 500).slideUp(500, function(){ 
         $("#success-alert").alert('close'); 
        }); 
       }); 
      }); 

我試圖使用.load()和.ready()函數,但沒有任何成功。 現在我使用.click()。

+3

嗯? PHP加載服務器和jQuery的客戶端,這意味着PHP將完成它的代碼,無論你在哪裏粘貼的jQuery,唯一的解決方案,我能想到的是與AJAX – Epodax

+0

是不知道你的意思是'代碼PHP'部分,你的意思是當你向下滾動頁面併到達某個元素時,你想調用showAlert函數? – DrunkWolf

+0

我澄清我的問題,我想要這樣的代碼: $('#success-alert')。css('display','block'); $('#success-alert')。alert(); ('#success-alert')。fadeTo(2000,500).slideUp(500,function(){('#success-alert')。alert('close');

僅在指定php代碼。 –

回答

0

使用PHP你說?只要確保在此之前包含jQuery。

<?php 
    echo '<script>' . 
      '$(document).ready (function(){' . 
       '$("#alert").click(function showAlert() {' . 
        '$("#success-alert").css('display','block');' . 
        '$("#success-alert").alert();' . 
        '$("#success-alert").fadeTo(2000, 500).slideUp(500, function(){' . 
         '$("#success-alert").alert('close');' . 
        '});' . 
       ' });' . 
      '}); ' . 
     '</script>'; 
?> 

而且,因爲這是一個功能的document.ready - 這不要緊,你把它。它將在文檔準備就緒時運行。它也似乎是一個點擊事件的監聽器,所以它只會發生在你點擊的時候 - 這個代碼的放置/計時是完全不相關的。


確定這裏是交易。 PHP在服務器端執行。這意味着您無法同時與PHP和JavaScript通信。我記得我花了一段時間來掌握這個概念。例如,您不能在PHP中使用JavaScript變量,例如像這樣:

<script> var x = 2; </script> 
<?php echo x; // or $x, or whatever ?> 

但你可以做到以下幾點:

<?php $x = 2 ?> 
<script> var x = <?php echo $x; ?>; </script> 

這將在您的瀏覽器被評估爲:

<script> var x = 2; </script>