第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我無法使用來自 ajax 的數(shù)據(jù)屬性選擇所有元素

我無法使用來自 ajax 的數(shù)據(jù)屬性選擇所有元素

青春有我 2023-02-17 16:07:00
我在使用 ajax 將事件從 javascript 添加到 php 時遇到問題。session_start();include "objects.php";include "db.php";$userId = $_SESSION['userId'];$userName = $_SESSION['username'];$html = '<h2 class="peopleHeader divSubContainer" id="peopleFriendsHeader" data-id ="peopleFriendsHeader"     data-target="peopleFriends" style="cursor:pointer" onclick=hideShowh2(this.getAttribute("data-id"),this.getAttribute("data-target"))>    Friends <button id="refreshButton"><i class="fa fa-refresh" style="font-size:24px"></i></button></h2>';    $html .= '<ul class="peopleFriends" id="peopleFriends">';$query = "select * from user_status where userId = " . $userId;$selectingData = new selectingData($query, $conn);$result = $selectingData->getResult();if (count(json_decode($result[0]['friends'])) > 0) {    foreach ($result as $r) {        $allFriends = json_decode(strtolower(stripslashes($r['friends'])));        foreach ($allFriends as $r2) {            $query = 'select * from chatsystemuser where userName ="' . $r2 . '"';            $selectingData = new selectingData($query, $conn);            $result = $selectingData->getResult();            foreach ($result as $r) {                $html .= "<li><p>" . $r2 . "</p><button data-target-user= '".$r['id']."' id='friendsMessageButton" . $r['id'] . "' class='btn friendsMessageButton'>MESSAGE                    </button></li>";            }        }    }} else {    $html .= "<h2> NO FRIENDS </h2>";}$html .= "</ul>";echo $html;這是我的 javascript ajax,可以顯示給瀏覽器。function displayingFriends() {    var friends = $('.listOfFriends');    $.ajax({        url: "include/friends.php",        type: 'post',        datatype: 'html',        success: function (data) {            friends.html(data);        }    })}我想使用數(shù)據(jù)屬性選擇所有按鈕。對不起,我的英語不好,我不太擅長用英語交談,但我能很好地理解它。
查看完整描述

3 回答

?
翻翻過去那場雪

TA貢獻2065條經(jīng)驗 獲得超14個贊

在這段代碼中,你在這里犯了一個小錯字

$html .= "<li><p>" . $r2 . "</p><button data-target-user= '".$r['id']."' id='friendsMessageButton" . $r['id'] . "' class='btn friendsMessageButton'>MESSAGE
                </button></li>";

在你的代碼中你沒有使用data-target-modal所以它會返回 nAn 或 unidentified

如果這是你想要獲取的按鈕,你可以檢查這個我已經(jīng)修復(fù)了你的錯字

$html .= '<li><p>' . $r2 . '</p><button data-target-modal="#Modal-Name" data-target-user="'.$r['id'].'id="friendsMessageButton"'. $r['id'] .' class="btn friendsMessageButton">MESSAGE
                </button></li>';

你應(yīng)該檢查這個querySelectorAll


查看完整回答
反對 回復(fù) 2023-02-17
?
翻閱古今

TA貢獻1780條經(jīng)驗 獲得超5個贊

那是因為您是在運行時調(diào)用displayMessageModal(),而不是在 AJAX 的承諾已解決時調(diào)用。一個可能的解決方案是:

  1. 返回來自的承諾displayingFriends()

  2. displayMessageModal()在 promise 解決后調(diào)用

一個例子:

function displayingFriends() {

    var friends = $('.listOfFriends');


    // Return the promise here

    return $.ajax({

        url: "include/friends.php",

        type: 'post',

        datatype: 'html',

        success: function (data) {

            friends.html(data);

        }

    })

}

然后,您可以等待 promise 被解決:


$(function () {

    displayingFriends().then(() => displayMessageModal());

});


查看完整回答
反對 回復(fù) 2023-02-17
?
湖上湖

TA貢獻2003條經(jīng)驗 獲得超2個贊

我猜你需要委托


您沒有發(fā)布足夠的 HTML 來處理疊加層,我懷疑您代碼中的 closest(".messages")


這是一個開始


$(function() {

  $("#peopleFriends").on("click", "[data-target-user]", function() {

    $(this).closest("li").find(".messages").toggleClass("active");

  })

})

div.messages {

  display: none;

}


div.active {

  display: block;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />


<h2 class="peopleHeader divSubContainer" id="peopleFriendsHeader" data-id="peopleFriendsHeader" data-target="peopleFriends" style="cursor:pointer" onclick=hideShowh2(this.getAttribute( "data-id"),this.getAttribute( "data-target"))>Friends

  <button id="refreshButton"><i class="fa fa-refresh" style="font-size:24px"></i></button>

</h2>


<ul class="peopleFriends" id="peopleFriends">

  <li>

    <p>Fred</p><button data-target-user='Joe' id='friendsMessageButtonJoe' class='btn friendsMessageButton'>MESSAGE from Joe</button>

    <div class="messages">

      <p>Message 1</p>

      <p>Message 2</p>

    </div>

  </li>


  <li>

    <p>Fred</p><button data-target-user='Frank' id='friendsMessageButtonFrank' class='btn friendsMessageButton'>MESSAGE from Frank</button>

    <div class="messages">

      <p>Message 1</p>

      <p>Message 2</p>

    </div>

  </li>



</ul>


查看完整回答
反對 回復(fù) 2023-02-17
  • 3 回答
  • 0 關(guān)注
  • 133 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號