Wohin mit meinem $(document).ready(function(){ Wenn ich Methoden in einer .js

Question

Wohin mit meinem $(document).ready(function(){ Wenn ich Methoden in einer .js

Gefragt el 13 de April, 2010: Wann wurde die Frage gestellt
15700 Ansichten: Anzahl der Besuche der Frage
4 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich habe eine somefile.js erstellt, wo somefile.js einige jQuery-Methode enthält. Also zum Beispiel enthält es diese Funktion:

function showWindow(divID)
{
    var dialogDiv = $(divID);

    dialogDiv.dialog
    (
        {
            bgiframe: true,
            modal: true,
            autoOpen: false,
            show: 'blind'
        }
    )

    dialogDiv.dialog("open");
}

In meiner .aspx-Seite (oder was auch immer, es könnte eine .html-Seite sein) habe ich also eine Schaltfläche:

<input type="button" onclick="showPopUp('testDiv')" value="Click Me!" />

Meine Frage ist, wir werden showPopUp überall in unserer App verwenden. Wenn es von einem onClick-Ereignis aufgerufen wird, dann wo setze ich meine $(document).ready(function() da dieser Code nicht in der Seite, sondern in einer .js-Datei ist?

Gefragt el 13 de April, 2010 von PositiveGuy

Answer 1

4 Antworten

Answer 2

5voto

David Thomas Punkte 239063

Legen Sie die $(document).ready(...); im head der (x)html-Seite (oder auch .php, .aspx usw.) wie gewohnt, solange Sie darauf achten, dass sie nach der verlinkten script Datei (um Ihre somefile.js zu laden) und natürlich den Link zu Ihrem jQuery:

<head>
...
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="somefile.js"></script>

<script>
    $(document).ready(
     function() {
        $('input[type=button]').click().showPopUp('testDiv');
     }
    )
</script>

</head>

Bearbeitet Ich habe das Gefühl, dass ich etwas Offensichtliches in Ihrer Frage übersehe. Bitte kommentieren Sie, wenn ich völlig offensichtlich bin und Ihren Punkt übersehe...

Beantwortet el 13 de April, 2010 von David Thomas (239063 Punkte )

Answer 3

5voto

Quasipickle Punkte 4215

Sie können es in die Javascript-Datei einfügen, wenn Sie möchten. Wenn Sie Hörer mit dem onclick-Attribut wie das anhängen, müssen Sie eigentlich nicht $(document).ready() verwenden.

Im Allgemeinen ist es jedoch besser, das onclick-Attribut nicht zu verwenden und den Listener in Javascript anzuhängen, etwa so:

<input type = "button" class = "showPopup" id = "testDiv" value = "Click Me!" />

$(document).ready(function(){
  $("input.showPopup").click(function(){
    showWindow($(this).id);
  }

  function showWindow(id){...}
}

Sie können das Javascript in den Kopf des Dokuments setzen, wie ~ricebowl sagte.

Beantwortet el 13 de April, 2010 von Quasipickle (4215 Punkte )

Answer 4

0voto

Dave Swersky Punkte 34052

Die "richtige" technische Antwort variiert je nach Framework (PHP, ASP.NET usw.). Wenn Sie diese Funktion in Ihrer gesamten Anwendung verwenden möchten, können Sie ein Skript-Tag verwenden:

<script type="javascript" src="somefile.js" />

Dieser Tag kann in einen "Seitenkopf-Include" aufgenommen werden, der auf die beste Weise implementiert wird. In ASP.NET würde ich diesen Tag zum Beispiel in die Master-Seite einfügen.

Beantwortet el 13 de April, 2010 von Dave Swersky (34052 Punkte )

Answer 5

0voto

Raja Punkte 3570

Sie müssen das tun: Teilen Sie die Funktion in zwei Teile:

MakeDialog(divID) //auf diese Weise bereiten Sie das div als Dialog vor und ShowDialog(divID) //hier zeigen Sie den Dialog an

//document load
$(document).ready(function(){
     MakeDialog(divId);//prepa
});

function makeDialog(divID)
{
    var dialogDiv = $(divID);

    dialogDiv.dialog
    (
        {
            bgiframe: true,
            modal: true,
            autoOpen: false,
            show: 'blind'
        }
    )   
}

function showWindow(divId)
{
 dialogDiv.dialog("open");
}

HTH

Beantwortet el 13 de April, 2010 von Raja (3570 Punkte )

Wohin mit meinem $(document).ready(function(){ Wenn ich Methoden in einer .js

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Wohin mit meinem $(document).ready(function(){ Wenn ich Methoden in einer .js

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: