Question

以下代码适用于对话框中的show image, price, description。我想要显示图片标题在对话框标题栏中。我尽我所能，但没有运气。任何人都可以帮助我吗？

$(".dialogify").bind("click", function(e) {
    e.preventDefault();

    tit=$("#dialog").html("<img src='" + $(this).next().find('img').attr('title')+"'/>");

    $("#dialog").html("<img src='" + $(this).next().find('img').attr('src') + "' width='150' + height='150'>"+'<h2>'+ $(this).next().find('img').attr('title')+'</h2>'+"<label>"+ $(this).next().find('img').attr('price')+"</label>"+"<label>"+$(this).next().find('img').attr('desc')+"</label>"+"<input type='button' value='@(Model.ProductPrice.AvailableForPreOrder ? T("ShoppingCart.PreOrder") : T("ShoppingCart.AddToCart"))' class='button-2 product-box-add-to-cart-button' onclick='AjaxCart.addproducttocart('@addtocartlink '); return false;' />")

    $("#dialog").dialog("option", "position", {
        modal:"true",
        my: "center",
        at: "center",
        title:"tit",
        of: window
    });
    if ($("#dialog").dialog("isOpen") == false) {
        $("#dialog").dialog("open");
    }
});

Answer 1

尝试：

title: tit

而不是：

title:"tit"

Answer 2

您可以使用title

来查看option

$("selector").dialog('option', 'title', 'New Title');

所以你使用下面的代码

$("#dialog").dialog('option', 'title', $(this).next().find('img').attr('title'));

修改

//Fetch title here
tit=$(this).next().find('img').attr('title');

$("#dialog").dialog("option", "position", {
    modal:"true",
    my: "center",
    at: "center",
    title: tit, //tit instead of 'tit'
    of: window
});

Answer 3

这个怎么样

 $("#dialog").dialog( {
        modal:"true",
        my: "center",
        at: "center",
        title:"tit",
        of: window
    });

删除params“option”，“position”

如何在jquery的对话框中显示标题

3 个答案:

修改