Question

我試圖使用簡單的模態腳本來基於數據庫上的行加載不同的圖像。文件名與'id'欄相同。

我知道div id在每次循環時必須有所不同。

這就是我要做的

PHP部分

$b = 0; 

while ($data = mysql_fetch_aray($result)) { 
echo "<tr>"; 
echo "<td>{$data['name']"; 
echo "<div id='basic-modal-" . $b . "'><a href='#' class='basic'>View label</a></div>"; 
echo "<!--modal content-->"; 
echo "<div id='basic-modal-content-" . $b . "'><img src='../winelabel/" . $data['id'] . ".jpg'></div>"; 
$b++; 
} 

jQuery的一部分 - 從http://www.ericmmartin.com/projects/simplemodal/

$('#basic-modal .basic').click(function (e) { 
    $('#basic-modal-content').modal(); 
    return false; 
    }); 
}); 

只顯示圖像不完全在一個模式。另外'查看標籤'不可點擊。 我懷疑我必須修改jQuery部分，但我不知道該怎麼開始。

謝謝。

插孔

Answer 1

這可以以不同的方式完成。這不是如何編碼的最佳解決方案，但我會向您展示一些示例。

我假設你沒有在循環中使用Jquery，從來沒有這樣做。

1. 您可以隨時通過Class檢測Click事件並獲取所點擊項目的ID，然後按照您的要求進行操作。
2. 密切和標籤
3. echo "<td>{$data['name']";關閉與}後$數據[ '名']}
4. 檢查元素檢查 - >控制檯什麼樣的錯誤顯示。

例子：

$(document).ready(function(){ 
    $('.basic').click(function (e) { 
     var id = $(this).parent().attr('id'); 
     $('#basic-modal-content-' + id).modal(); 
     return false; 
     }); 
    }); 
}); 

更改：

echo "<div id='" . $b . "'><a href='#' class='basic'>View label</a></div>";