每次點擊更新對話框標題

嘿傢伙我有一個快速問題，我有一個對話框，有不同屬性的多個鏈接。每次單擊鏈接時，屬性src將打印在對話框的內部，以便每個鏈接在對話框中都有唯一的輸出。我的問題是，只有第一個src標題在每個框中，我想改變這一點以及每次點擊。我將包含標題的行分開以顯示問題。如果有人有任何想法，我將不勝感激。編輯每次點擊更新對話框標題

<a class="open" src="something" title="Click to play">link</a> 
<a class="open" src="something else" title="Click to play">link2</a> 

$(function() { 

$(\"#show\").dialog({ 
hide: 'clip', 
width: 400, 
height: 150, 
position: 'center', 
show: 'clip',stack: true, 
minHeight: 25, 
minWidth: 100, 
autoOpen: false, 
resizable:false}); 

$('.open').click(function() { 
var src=$(this).attr('src'); 
$('#show').html(src); 
$('#show').dialog({ title: src }).dialog('open'); 
    }) 

});

來源

2010-05-12 Scarface

您需要可以一次創建你的函數之外的對話框，並設置標題，或破壞先前的對話框。

毀滅前一個，並創建一個新的每次點擊：

$("#show").dialog("destroy").dialog({ options });

每次只需設置標題和文字創造一次（更好的方法）對話框：

$("#show").dialog({ 
    hide: 'clip', 
    width: 400, 
    height: 150, 
    position: 'center', 
    show: 'clip', 
    stack: true, 
    minHeight: 25, 
    minWidth: 100, 
    autoOpen: false, 
    resizable: false 
}); 
$('.open').click(function() { 
    var src = $(this).attr('src'); 
    $('#show').html(src).dialog('option', 'title', src).dialog('open'); 
    //or... 
    $('#show').html(src).dialog('option', {title: src}).dialog('open'); 
});

來源

2010-05-12 18:52:43

美麗謝謝尼克 – Scarface 2010-05-12 18:57:39

再次感謝尼克，但當我嘗試第二種方法，標題是空白 – Scarface 2010-05-12 19:23:00

我更新了我的帖子，以顯示我使用 – Scarface 2010-05-12 19:23:49

更新jQuery UI的標題

$('#show').data('title.dialog', 'new title');

來源

2010-05-12 18:52:00 Gabe

每次點擊更新對話框標題

回答

相關問題