как Вы запускаете диалоговое окно jQuery, когда Вы нажимаете <href> ссылка

Я сделал это недавно для подтверждения удаления ссылок в моей 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
    });
});

Затем «подключите» теги a (все еще в блок 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");
});

Вы используете селектор классов, но ищете идентификатор ... вам понадобится следующее.

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

, поскольку вы выбираете по атрибуту id правильный селектор - «a # To» , а не «a.To»

код:

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

будет строить диалог, код для открытия диалога:

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

edit: хотя, я думаю, что autoOpen по умолчанию установлен на true, поэтому ваш код должен работать, если ваш селектор не сломан. Я бы рекомендовал установить для autoopen значение false и использовать параметр open, чтобы открыть диалоговое окно (таким образом, вам не нужно перестраивать его всякий раз, когда вы пытаетесь его открыть):

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