Попытка добавить php к элементу списка

У меня есть пара элементов списка, с левой стороны и выровненная по вертикали. Я пытаюсь сделать так, чтобы контейнер с правой стороны, который пуст, заполнит информацией из URL-адреса для конкретного идентификатора этого элемента списка. В настоящее время я создал функцию jQuery, используя load(), и он позволяет мне щелкнуть по элементу списка, и данные заполняются в правильном контейнере, но это всего лишь данные для самого маленького идентификатора. Если я нажму на другие элементы списка, данные в правом контейнере не будут изменены.Попытка добавить php к элементу списка

Я попытался добавить ссылку в элемент списка, и он работает. Отображаются правильные данные, однако я оставляю свою текущую страницу каждый раз, чтобы увидеть ее, и она совсем не заполняется в контейнере справа, который теперь находится на предыдущей странице.

В любом случае, чтобы получить правильный идентификатор, присвоенный правильному элементу списка?

Вот мой HTML:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script type="text/javascript">  
    $(document).ready(function(){ 
    $("li").click(function(){ 
    $("#divId").load("pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?> #pm_post"); 
    }); 
    }); 
    <body> 
    <div class="wrapper"> <!--Left and Right container wrapper--> 
    <div class="container"> 
    <div class="left"> 
     <!--left container--> 
     <div class="top"> 
     <input type="text" /> 
     <a href="javascript:;" class="search"></a> 
     </div> 
     <ul class="people"> 
     <a href="pm_message.php?u=<?php echo $log_username; ?>&pmid=<?php echo $pmid; ?>"><?php echo $people; ?></a> <!--generates list of people--> 
     </ul> 
    </div> 
    <div class="right" id="right"> 
     <!--Right container--> 
     <div class="top"><span class="name"></span></div> 
     <div id="divId"></div> 
    </div> 
    </body> 
</html>

И сценарий:

//DB connection 
    //Collecting data from db 
    //Variable $people collects data for the people listed in the left container 
    $people = ' 
       <li class="person"> 
        <a id="a" href="pm_message.php?u='.$log_username.'&pmid='.$pmid.'"><span class="name">'.$sender.'</span></a> 
          <!--<span class="name">'.$sender.'</span>--> 
          <span class="time">'.$time.'</span> 
          <span class="preview">'.$message.'</span> 
       </li>';

источник

2016-08-27 Millica

Возможно, вам нужно сменить селектор * # divId * на * # convo *? –

Вы всегда посылать тот же URL-адрес reuqest:

Вы должны принять URL динамически зависит от li щелкнул.

$(document).ready(function() { 
    $("li").click(function() { 

     var strReqUrl = $(this).attr('href'); 
     $("#divId").load(strReqUrl); 
    }); 
});

источник

2016-08-27 15:55:55

Спасибо за ваш ответ! К сожалению, это не сработало. Теперь на правой стороне контейнера ничего не появляется. – Millica

Попытка добавить php к элементу списка

ответ

Смежные вопросы