SimpleModal Foreach Loop動態內容

Question

如何在foreach循環中使用simplemodal，以便它不重複相同的信息？

實施例：

foreach($ret as $v) 
{ 
     <div id='osx-modal'> 
     <input type='button' name='osx' value='View' class='osx demo'/> 
     </div> 

     <div id="osx-modal-content"> 
      <div class="close"><a href="#" class="simplemodal-close">x</a></div> 
       <div id="osx-modal-data">                        
        <div id="toon_box"> 

         <div id="toon_name"> 
          <?php echo $v['toon_name'];?> 
         </div> 

      <div id="toon_avatar"> 
          <?php echo '<img src="' . $v['avatar'] . '" alt="" />';?> 
         </div> 
        </div> 
       </div> 
} 

的元數據從網站上的用戶拉動，並顯示爲在分開的情態動詞的每個用戶的元數據。澄清，假設foreach重複10次，因爲數據庫中有10個用戶。這將爲每個用戶創建10個單獨的按鈕，當您單擊模式框時彈出其中的數據。

問題是，當你點擊每個按鈕時，它在每個模式框中的相同用戶。你將如何設置，以便每個模式框顯示正確的用戶元數據。我已經檢查過，在simplemodal.js中，持久性是否設置爲false，它是。

Answer 1

終於得到它的工作多虧standup75！

jQuery(function ($) { 
    var OSX = { 
     container: null, 
     init: function() { 
       $("[name=osx]").click(function (e) { 
       e.preventDefault(); 
       $(this).parent().next().modal({ 
        overlayId: 'osx-overlay', 
        containerId: 'osx-container', 
        closeHTML: null, 
        minHeight: 80, 
        opacity: 65, 
        position: ['0',], 
        overlayClose: true, 
        onOpen: OSX.open, 
        onClose: OSX.close 
       }); 
      }); 
     }, 

Answer 2

您有在同一個模型箱相同的元數據的原因是因爲這條線的使用class代碼

<input type='button' name='osx' value='View' class='osx demo'/> 

是非常通用的，所以你應該使用id而不是每個按鈕都有自己的uniqid

<input type='button' name='osx' value='View' id='os1'/> 
<input type='button' name='osx' value='View' id='os2'/> 

現在你<div id="osx-modal-content">也應該是這樣的

<div id="osx-modal-content1"> 
<div id="osx-modal-content2"> 

你javascript是這樣

$("os1").addEvent("click", function(){ 
    var SM = new SimpleModal(); 
     SM.show({ 
     "title":"Title", 
     "contents": $("#osx-modal-content1").html() 
     }); 
}); 


$("os2").addEvent("click", function(){ 
    var SM = new SimpleModal(); 
     SM.show({ 
     "title":"Title", 
     "contents": $("#osx-modal-content2").html() 
     }); 
}); 

可以用看到的一切方式映射???這是你實現誰的每個內容中的每個模型

讓我知道如果你需要更多的信息

編輯1例

<?php 
$x = 0; 
foreach ($ret as $v) { 
    $x ++; 
    $content = " 
    <script type=\"text/javascript\">addModal($x)</script> 
    <div id='osx-modal'> 
     <input type='button' name='osx' value='View' id='osx{$x}'/> 
     </div> 
     <div id=\"osx-modal-content{$x}\"> 
      <div class=\"close\"><a href=\"#\" class=\"simplemodal-close\">x</a></div> 
       <div id=\"osx-modal-data\">                        
        <div id=\"toon_box\"> 
         <div id=\"toon_name\"> 
         {$v['toon_name']} 
         </div> 
      <div id=\"toon_avatar\"> 
          <img src=\"{$v['avatar']}\" alt=\"\" /> 
         </div> 
        </div> 
       </div>"; 

} 

?> 

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

    $("osx" + x).addEvent("click", function(){ 
      var SM = new SimpleModal(); 
       SM.show({ 
       "title":"Title", 
       "contents": $("#osx-modal-content" + x).html() 
       }); 
     }); 

} 
</script>