如何從對話框更改jQuery UI對話框之外的內容？

我有一個對話框，彈出選擇一定的跨度。現在這個對話框包含一個textarea（因此可編輯）。點擊保存按鈕後，我需要將textarea內容複製到對話框外的表格單元格中。這似乎並沒有發生。事實上，在Save函數中添加第二行代碼時，對話框不會彈出！（WordPress中使用這個以防萬一它是否有差別）如何從對話框更改jQuery UI對話框之外的內容？

jQuery(document).ready(function ($) { 
    $("td > span").click(function() { 
     var id = $(this).attr('id'); 
     var message = "message" + id; 
     var content = jQuery("#" + message).text(); 
     var $dialog = $("<div></div>").html("<textarea style='width:99%; height:90%' class='popup-content'>" + content + "</textarea>").dialog({ 
      height: 400, 
      width: 400, 
      title: 'My Data', 
      modal: true, 
      autoOpen: false, 
      dialogClass: 'wp-dialog', 
      buttons: { 
       "Save": function() { 
        var popup - content = $(".popup-content").val(); 
       } 
      } 
     }); 
     $dialog.dialog("open"); 
    }); 
});

來源

2013-11-09 Navin Nagpal

保存按鈕不再起作用，因爲var popup - content是無效的JavaScript。如果有能力，我會首先建議在編輯器中添加一些JSLint或JSHint功能。

現在，要完成你想要完成的任務，它應該是相當簡單的。我們會忽略一些潛在的地雷，並假設你有你的課程獨特的識別，但你的保存功能應該看起來像這樣：

function() { 
    $(".my-table-cell").html($(".popup-content").val()); 
}

來源

2013-11-09 17:15:39

你的建議很好地工作！但是你能否詳細說一下爲什麼'var popup - 內容不是有效的javascript'。沒有得到那部分。 –

這只是非法代碼，JavaScript解析器不會理解這種語法。這就是你無法用鍵盤擊打你的臉並且期望Javascript引擎能理解任何東西的原因。 –

哦，明白了。連字符的左右有一個空格......你的意思是對的？可怕的錯誤。我猜，在這裏粘貼代碼時出錯了。但是，如果是這種情況，我想知道爲什麼它不在本地工作。 Neway，thanx！ –

如何從對話框更改jQuery UI對話框之外的內容？

回答

相關問題