Eine Funktion aus einer Variable aus an ein Element binden per JQuery @ tutorials.de: Tutorials, Forum & Hilfe

Thopeto · 23.10.10 18:36

Hallo,

Ich hab eine Klasse erstellt, die einen Layer mit Buttons erstellt. Dabei soll man per:

Code :

1
2
3

dlg.setButtons({'Okay': function(event){
        alert('huhu');
  }});

Buttons hinzufügen und diese sollten eine Funktion beinhalten. die dann beim clicken ausgeführt werden soll:

Code :

for (var button in this.buttons) {
            var bttn = $('<button></button>');
                bttn.bind('click', this.buttons[button]);
            bttn.append(button);
            bttnFrame.append(bttn);
        }

aber nichts passiert beim clicken. Wenn ich this.buttons[button] mit function(event){} ersetze, funktioniert alles wunderbar. was mach ich falsch?

grüße

***CPoly*** · 23.10.10 19:30

Wie sieht denn "setButtons()" aus?

Thopeto · 23.10.10 19:39

setButtons speichert den Array in eine Variable(this.buttons) ab.
this.setButtons = function(v) {
this.buttons = v;
}

***CPoly*** · 23.10.10 19:51

Ich kann das nicht reproduzieren. Ich habe es mal selbst programmiert.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="html" xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	
	<title>Page title</title>

	<link href="style.css" rel="stylesheet" type="text/css" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

	<script type="text/javascript">
	/* <![CDATA[ */
		$(document).ready(function(){
			var dlg = new MyClass($("#frame"));
			
			dlg.setButtons({
				'Okay': function(event){
					alert('huhu');
				},
				'Abbrechen': function(event){
					alert('foobar');
				}
			});
			
			dlg.build();
		});
		
		function MyClass(frame) {
			var bttnFrame = frame;
			
			var buttons = {};
			
			this.setButtons = function(v) {
				this.buttons = v;
			} 
			
			this.build = function() {
				for (var button in this.buttons) {
					var bttn = $('<button></button>');
					bttn.bind('click', this.buttons[button]);
					bttn.append(button);
					bttnFrame.append(bttn);
				}
			}
		}
	/* ]]> */
	</script>
</head>

<body>
	<div id="frame"></div>
</body>

</html>

Thopeto · 23.10.10 19:53

ja der code ist auch richtig, der fehler war an einer anderen stelle so, dass er den oben geschriebenen code nicht richtig ausführen lies.

danke für deine mühe und hilfe!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Dynamisch hinzugeladenes Element mit Funktion ausstatten Jquery

PHP- eine Varieble in einer Funktion einer externen Variable zuweisen

Einer Variable eine _neues_ Element zuweisen

Übergabe einer Variable an eine Funktion

Eine Variable von einer Funktion an eine andere übergeben

E-Mail:

Abonnieren Abbestellen