Ergebnis 1 bis 2 von 2
  1. #1
    tklustig ist offline Mitglied
    registriert
    16-09-2016
    Beiträge
    33

    dynamisch erzeugter Button reagiert nicht

    Hallo Leute, sehe vor lauter Bäumen den Wald nicht mehr:
    Folgender Code erzeugt auf Knopfdruck einen dynamischen Button, der allerdings nicht auf Knopfdruck reagiert. Wie codiere ich richtig?
    Code:
    <!DOCTYPE html>
    <html lang="de">
        <head>
            <meta charset="utf-8">
            <title>Chess</title>
            <link rel="stylesheet" href="chess.css">
            <link rel="shortcut icon" href="chess.ico">
            <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
            <script src="https://code.jquery.com/ui/1.10.0/jquery-ui.min.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
            <script src="chess.min.js"></script>
        </head>
        <body>
            <div id="help">
                <ul>
                    <li>Click Button in order to activate board and game. U'll be white player!</li>
                    <li>Moves can be made by dragging the pieces on the board, or by clicking the move links in the right panel.</li>                                    
                </ul>                        
            </div>
            <div id="X">
                <input type="button" name="Start" value="Start Game" id="start">
            </div>
    
        <center><h1>ChessEngine using MinMax-Algorithm</h1></center>  
        <div id="content">                
            <div id="chessboard" role="main"></div>
            <div id="moves"></div>
            <div id="clear"></div>
        </div>
        <div id="footer"></div>
        <div id="dim"></div>
        <script>
            $('input[name=Start]')
                    .click(
                            function ()
                            {
                                $(this).hide();
                                $(makeChessGame);
                                var $btn = $('<input/>').attr({type: 'button', name: 'myButton', value: 'Restart Game', name: 'restart'});
                                $("#X").append($btn);
                            }
                    );
            $('input[name=restart]')
                    .click(
                            function ()
                            {
                                alert();
                            }
                    );
    
        </script>
    </body>
    </html>
    - - - Aktualisiert - - -

    Uuups. Hääte ich ma' gleich die API konsultiert. So funktionerts:
    Code:
        <script>
            $('input[name=Start]')
                    .click(
                            function ()
                            {
                                $(this).hide();
                                $(makeChessGame);
                                var $btn = $('<input/>').attr({type: 'button', name: 'myButton', value: 'Restart Game', name: 'restart'});
                                $("#X").append($btn);
                            }
                    );
            $(document).on("click", "#X", function () {
                alert("Goodbye!");  // jQuery 1.7+
            });
    
        </script>
    Geändert von mikdoe (02-09-2018 um 19:28 Uhr) Grund: Gelöst gesetzt

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.681

    AW: dynamisch erzeugter Button reagiert nicht

    Willst du dass ein Klick auf den Button oder auf das <div> (das geht quer über den ganzen Bildschirm) die Aktion auslöst?

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 27-03-2014, 22:57
  2. Rollovers in dynamisch erzeugter Tabelle
    Von Marce im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 11-06-2008, 10:45
  3. Antworten: 8
    Letzter Beitrag: 06-12-2005, 11:18
  4. Funktion reagiert nicht
    Von Pastor im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 16-11-2005, 15:54
  5. mysql_affected_rows() reagiert nicht
    Von digleu im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 28-09-2002, 19:34

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •