Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Legfrissebb anyagok
Mobilarena témák
PROHARDVER! témák
IT café témák
GAMEPOD témák
  • Mobilarena
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    Mobilarena

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • #68216320 #68216320 törölt tag
    #6081
    #6080 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    #68216320
    #68216320
    törölt tag
    #6080 #68216320
    #6080 #68216320

    Urak, segítség kellene, mivel JS-ben nagyon-nagyon zöldfülű vagyok.
    Megpróbáltam a problémát amennyire tudtam leegyszerűsíteni.
    Mivel rövid, nem tettem fel pastebin-re.

    A main.php tartalmaz egy <div> tagot, amibe szeretnék ajax-al 1-1 linkre kattintva megfelelő tartalmat visszaírni egy background.php segítségével.
    Ezek a visszaírt tartalmak szintén linkeket tartalmaznak, amik dinamikusan generálódnak, amikre kattintva újabb ajax hívás történne a háttérben.

    A problémám az, hogy nem tudom hogyan kellene ezeknek a dinamikusan létrehozott, egyedi id-val rendelkező linkeknek a kattintás eseménykezelését megoldani.
    Ebben szeretném a segítségeteket kérni.
    Egyelőre az első linket kiválasztva szerettem volna a visszaírt linket használni és egy alert()-et megjeleníteni, de itt már elakadtam.

    main.php
    <html lang="hu-HU">
    <head>
    <meta charset="utf-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <link href="style.css" rel="stylesheet" />
    <script src="jquery-3.0.0.min.js"></script>
    <script src="myjquery.js"></script>
    </head>
    <body>
    <div id="box1">Ide jön(nek) a választott termék(ek)</div>
    <div id="box2">
    <a href="" id="link1">termék1</a>
    <a href="" id="link2">termék2</a>
    </div>
    </body>
    </htmal>

    background.php
    <?php
    if( $_GET['id'] == 'link1')
    echo 'termék 1<a href="" id="t1">töröl</a>';
    elseif( $_GET['id'] == 'link2') {
    echo 'termék 2 komponens<a href="" id="t2_1">töröl</a>';
    echo '<br />';
    echo 'termék 2 komponens<a href="" id="t2_2">töröl</a>';
    }
    ?>

    myjquery.js
    $( document ).ready(function() {

    $('#box2 a').on("click", function (e) {
    e.preventDefault();
    currentId = $(this).attr('id');
    $.ajax({url: "background.php?id="+currentId, success: function(result){
    $("#box1").html(result);
    }});
    });

    $('#t2').on("click", function (e) {
    alert("KATT!");
    });

    });

    Úgy nézem, résben sikerült.

    $('#t2').on("click", function (e) {
    alert("KATT!");
    });

    helyett

    $('body').on('click', '#box1 a', function() {
    alert("KATT!");
    });

    Viszont újratölti az oldalt, gondolom a href miatt. Esetleg valami mással kiválthatom?

Új hozzászólás Aktív témák