Петли Jquery и Coldfusion

Question

Если вы вызываете модальное диалоговое окно в jquery, но у вас есть расположение файла изображения в массиве, как бы вы назвали это диалоговое окно, где, если бы они щелкнули ссылку, изображение появилось бы?Прямо сейчас из-за цикла он, очевидно, использует только последнее имя файла.

function showDialog(){
    $("#image_viewer").html('<iframe id="modalIframeId" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" />').dialog("open");
    $("#modalIframeId").attr("src","image_view.cfm");
    return false;
}
$(document).ready(function() {
    $("#image_viewer").dialog({
        autoOpen: false,  
        modal: true,
        height: 800,
        width: 600
    });
});

Answer 1

Вы пытаетесь использовать iframe в качестве модального диалога, вам просто нужно использовать DIV.

<!--- HTML --->
<div id="imageDialog" class="dialog" style="display:none;"></div>

Затем вы можете вывести список ссылок на ваши изображения следующим образом:

<!--- CFML --->
<cfoutput query="qImages">
    <a href="#qImages.url#" class="image">#qImages.label#</a><br />
</cfoutput>

Наконец, вы можете открыть URL-адрес изображения непосредственно в модальном диалоговом окне, используя небольшую хитрость класса.

<!--- jQuery --->
$(document).ready(function(){ 
    $('.dialog').dialog(
        {
            autoOpen: false,
            modal: true,
            width: 440,
            height: 330,
            title: "Image Viewer"
        }
    ); 

    $('a.image').click(function(e){
        $('#imageDialog').load( $(this).attr('href') ).dialog("open");
        e.preventDefault();
    });
});