onClick模态对话框

Question

类似于：jquery modal dialog onclick?

但是我有不同的要求，无法应用该帖子中提供的解决方案。

目前我正在使用php 中的JQuery 来解析xml文件并在HTML页面上生成内容：

<script type="text/javascript">
        $(document).ready(function(){
            $.ajax({
                type: "GET",
                url: "uploads/data.xml",
                dataType: "xml",
                error: function() {
                    $('#message').text('Please upload the XML file.');
                },
                success: xmlParser
            });
        });

        function xmlParser(xml){
            $('.tmpli').hide();


            $(xml).find("vendor-one").each(function(){
                $("#vendor-one").append('<li class="sweet">' + $(this).find("name").text() + '</li>');
                $(".sweet").fadeIn();
            });

        }
    </script>

我尝试了由onClick触发的警报，但它无法包含图片：

$(xml).find("vendor-one").each(function(){
    $("#vendor-one").append('<li class="sweet" onClick="alert(\''+$(this).find("name").text()+'\');">' + $(this).find("name").text() + '</li>');
    $(".sweet").fadeIn();
});

然后我尝试了这个但是它为页面上的每个li元素打开了一个对话框，我不确定如何编辑文本并添加图像：

$(xml).find("vendor-one").each(function(){
    $("#vendor-one").append('<li class="sweet">' + $(this).find("name").text() + '</li>');
    $(".sweet").fadeIn();
    $('li.sweet').click(function(){ $('li.sweet').dialog(); });
});

我需要一个工具，我可以点击创建的每个li项目，并出现一个包含图像和文本的消息框。 我打算使用这个：Modal Dialog但是我不确定如何根据我的需要修补它。

你是怎么做到的？

Answer 1

您可以使用Javascript方式执行此操作，而不是使用手动if_login内联选项。

if user_signed_in?
    @user.update(if_login:1)
end
@user.save

或JQuery方式（导致相同的事情）：

onclick