發送的ID使用JavaScript

在我的網頁我有此鏈接：發送的ID使用JavaScript

<\a onclick="#" class="compose"></a>

通過點擊該鏈接，這個腳本被激活：

$(function(){ 
    $('.compose').click(function() { // Button which will activate our modal 
     $('#popup_bestanden_edit_name').reveal({ // The item which will be opened with reveal 
      animation: 'fade', // fade, fadeAndPop, none 
      animationspeed: 600,    // how fast animtions are 
      closeonbackgroundclick: true, // if you click background will modal close? 
      dismissmodalclass: 'close' // the class of a button or element that will close an open modal 
     }); 
     return false; 
    }); 
});

上面的腳本將會使這個div可見，至極是一個彈出：

<div id="popup_bestanden_edit_name"> 
<div id="popupheading"> 
    Naam wijzigen 
</div> 

<div id="popupcontent"> 
    <p><form action="" method="post" name="naamwijzigen"><input name="naam" type="text"></form></p> 

    <a href="#" class="popupbutton green close"><img src="<?php echo $domein.'/images/confirm_popup/tick.png'; ?>">Ja, wijzigen</a> 

    <a href="#" class="popupbutton red close"><img src="<?php echo $domein.'/images/confirm_popup/cross.png'; ?>">Nee, annuleren</a> 
</div>

打開的彈出窗口使人們有機會在網站上編輯文檔的名稱。所以當鏈接<\a onclick="#" class="compose"></a>被點擊時，它必須發送一個id（$fetch_row['id']）到彈出窗口，所以我可以在進一步的腳本中使用它。

有誰知道如何做到這一點？

來源

2013-09-29 Rick A.

jQuery揭示插件有很多回調函數，其中opened回調函數在模式打開後觸發。見文檔在foundation.zurb.com

echo "<a onclick='#' class='compose' id='".$fetch_row['id']."'></a>"; 

$(function(){ 
    $('.compose').click(function() { 

     var id = $(this).attr('id'); //getting id from clicked anchor tag 

     $('#popup_bestanden_edit_name').reveal({ 
      animation: 'fade', 
      animationspeed: 600,    
      closeonbackgroundclick: true, 
      dismissmodalclass: 'close',//missing comma (,) added 

      opened: function(id) { 
       $("#popup_bestanden_edit_name").append("<input type='hidden' name='myid' id='myid' value='"+id+"'>"); 
      } 

     }); 
     return false; 
    }); 
});

您的ID將在myid元素設置，在彈出的從這裏得到這一點。

來源

2013-09-29 12:39:51 Salim

這一個我明白，但是當我用你的腳本替換，然後點擊鏈接，彈出窗口不會再打開。 –

更新：當我把上面打開dismissModalClass，彈出窗口出現，但我不能通過單擊取消按鈕關閉它。然後沒有任何事情發生。 –

有一個錯誤，打開之前缺少一個逗號。它被糾正。 – Salim

的ID添加到您的標籤這樣

<a onclick="#" class="compose" data-id="<?php echo $fetch_row['id']?>"></a>

然後獲取ID並將其與jQuery發送到您的彈出：無論你想

id = $(this).attr("data-id");

現在使用這個號碼。

來源

2013-09-29 11:59:55

嗯，我需要承認我對jQuery不太好。如果我這樣做，我如何使用與PHP結合的ID？ –

添加id來錨標記只即

<a id = '2' class='compose' ></a>

那麼你就可以得到它像jQuery ATTR（ 'ID '）（' 撰寫'）。

來源

2013-09-29 12:01:47

現在一切正常，我還有一個問題。這是我現在使用的代碼：

echo "<a onclick='#' class='compose' id='".$fetch_row['id']."'></a>"; 

$(function(){ 
$('.compose').click(function() { 

    var id = $(this).attr('id'); //getting id from clicked anchor tag 

    $('#popup_bestanden_edit_name').reveal({ 
     animation: 'fade', 
     animationspeed: 600,    
     closeonbackgroundclick: true, 
     dismissmodalclass: 'close',//missing comma (,) added 

     opened: function(id) { 
      $("#popup_bestanden_edit_name").append("<input type='hidden' name='myid' id='myid' value='"+id+"'>"); 
     } 

    }); 
    return false; 
}); 
});

但是，當點擊這個鏈接，當人們都在頁面的底部，在彈出將在頁面頂部打開。但人們需要滾動回頂部才能看到此內容。

我該如何自動發送用戶回到彈出窗口顯示的頂部？

來源

2013-09-29 22:04:46

發送的ID使用JavaScript

回答

相關問題