单击从MySQL数据创建的链接时,jQuery更改div

时间:2019-01-07 18:02:47

标签: php jquery html

我有一个从MySQL表创建的导航栏。我想单击链接,仅更改页面上两个div的内容。但是,我无法弄清楚编写jQuery代码的正确方法。

我尝试为所有链接添加一个类并使用

$(".class").click(function(){
//the code to change the div
}

但是它似乎没有用。

PHP代码

<?php

    require(__DIR__.'/dbconf.php');
    require(__DIR__.'/db_functions.php');

    $db_con = mysqli_connect($host, $username, $pass, $dbname); 

    $column = "playerName";
    $table = "Players";
    $condition = "";
    $key = "";

    $query = selectData($db_con, $column, $table, $condition, $key);

    while($row=mysqli_fetch_assoc($query)){

        $res[] = $row[$column];

        echo "<a href = # class = 'player' name ='".$row[$column]."'>".$row[$column]."</a>";
    }

    mysqli_close($db_con);
?>

jQuery代码

$(".player").click(function(){
    var player = $(this).val()

    var dataString = 'playerName'+ player;

    $.ajax({
        type: "POST",
        url: "coin_amount.php",
        data: dataString,
        cache: false,
        success: function(postresult){
            $(".coins").html(postresult);}
    });
    return false;
    });

看来这应该可行。当单击与“玩家”类的任何链接时,它应更改玩家变量的值并调用coin_amount.php文件。但事实并非如此。我不明白什么?我知道ajax函数是正确的,因为我在页面加载时调用了该函数,并且可以正常工作。因此它必须是单击功能中的内容。

2 个答案:

答案 0 :(得分:-1)

如果在加载DOM之后创建播放器,则必须将click监听器附加到文档,就像这样:

$(document).on('click', '.player', () => {
  // execution code here
}

答案 1 :(得分:-1)

在加载jquery库后,将其添加到页面顶部Top = nx.union(nx.Graph(S0D0), nx.Graph(S1D0), rename=('S0D0', 'S1D0')) 标签中

jQuery代码:

<script></script>

在您的情况下,请在由打印菜单的php代码生成的链接标签上添加ID。

我建议您在菜单的每个链接处添加不同的ID,以加载不同的内容 从php中,您必须生成一个字符串

$(document).ready(function() {
                    $("#cercaButton").click(function () {
                        $(".divClass").load("./action/loadDdtGiornalieri.php");
                    });
                });

这是一个完整的加载示例,还包括php网页上的参数发布 如果您必须在从jquery加载的页面上发布数据,最简单的代码是

    <a id="cercaButton">Cerca</a>