, wie Sie ein jquery Dialog starten Sie, wenn Sie auf einem <a href> Link klicken

Question

, wie Sie ein jquery Dialog starten Sie, wenn Sie auf einen Link klicken

dies scheint nicht

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

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

zu arbeiten

im Körper:

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

Answer 1

Für id sollten Sie verwenden #:

$("a#To") 

Dot für Klassen ist.

Answer 2

tat ich dies vor kurzem in meinem cms löschen Links bestätigt. Zuerst sollten Sie ein Dialogfenster instanziiert (dies ist so, wenn Sie in der Nähe auf dem Dialog klicken und dann wieder öffnen, zeigt sich, ... sonst wird es zerstört):

$(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 
    }); 
}); 

Then „hook up“ die ein Tags (noch im document.ready Block):

/** 
* 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

Ihr eine Klasse Selektor aber Ihre für die id suchen ... müssen Sie wie folgt vor.

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

Answer 4

der Code:

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

wird den Dialog aufzubauen, wird der Code einen Dialog zu öffnen ist:

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

edit: obwohl, ich glaube, AutoOpen- so standardmäßig auf true gesetzt ist Ihr Code sollte funktionieren, es sei denn, Ihr Selektor ist defekt. Id empfehlen AutoOpen- auf false gesetzt und mit dem Open-param den Dialog zu öffnen (auf diese Weise Sie nicht, es wieder aufzubauen, wann immer Sie versuchen, es zu öffnen):

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

Answer 5

, da Sie durch das id Attribut sind die Auswahl, die richtige Wahl ist "a#To" eher als "a.To"