你如何啓動一個jQuery對話框，當你點擊一個鏈接<a href>

Question

你如何啓動一個jQuery對話框，當你點擊一個鏈接

這似乎並沒有工作

<script type="text/javascript"> 
    $(document).ready(function() { 

    $("a.To").click(function(e) { 
     e.preventDefault(); 
     $("#dialog").dialog({height:300}); 
    }); 

在身：

<a href="#" id="To">To</a> 

Answer 1

對於ID，你應該使用＃：

$("a#To") 

點是類。

Answer 2

我最近沒有這證實了我的CMS刪除鏈接。首先，你應該實例化一個對話框窗口（這是如此，如果你在對話框中單擊關閉，然後再次打開它，它顯示了...否則，它破壞了）：

$(document).ready(function() 
{ 
    /** 
    * Create a dialog box for confirming deletes. 
    * This creates the box at domready. The box is opened 
    * by a call to dialog("open") in the delete link. 
    */ 
    $("#delete-dialog").dialog({ 
     autoOpen : false, 
     bgiframe : true, 
     buttons : { 
      "Yes, I'm sure" : function() 
      { 
       $(this).dialog("close"); 
       var href = $(this).dialog("option", "href"); 
       var row = $(this).dialog("option", "row"); 
       $.doDelete(href, row); 
      }, 
      "Cancel" : function() 
      { 
       $(this).dialog("close"); 
      } 
     }, 
     height  : 150, 
     modal  : true, 
     overlay : { 
      backgroundColor : "#000000", 
      opacity   : 0.75 
     }, 
     resizable : false 
    }); 
}); 

然後「掛鉤」的一標籤（仍處於的document.ready塊）：

/** 
* Make all delete links confirm before sending to delete path. 
*/ 
$("a.delete-href").live("click", function(event) 
{ 
    event.preventDefault(); 

    var href = $(this).attr("href"); 
    var row = $(this).parent().parent(); 

    // pass some custom options to the dialog 
    $("#delete-dialog").dialog("option", "href", href); 
    $("#delete-dialog").dialog("option", "row", row); 
    // open the previously init'ed dialog 
    $("#delete-dialog").dialog("open"); 
}); 

Answer 3

你使用類選擇，但你要找的ID ...你需要以下內容。

$("#To").click(function(e) { 
     e.preventDefault(); 
     $("#dialog").dialog({height:300}); 
    }); 

Answer 4

代碼：

$("#dialog").dialog({height:300}); 

將建立對話框，打開對話框的代碼是：

$("#dialog").dialog("open"); 

編輯：雖然，我想的AutoOpen被默認設置爲true，以便你的代碼應該工作，除非你的選擇器被破壞。 ID推薦的AutoOpen設置爲false，並使用開放的參數去打開對話框（你沒有重建它，只要你嘗試打開它的方式）：因爲你在id屬性選擇

$("#dialog").dialog({height:300, autoOpen:false}); 

Answer 5

中，合適的選擇器是"a#To"而不是"a.To"