Inline Редактировать PHP MYSQL X-Editable

В основном я пытался играть с функциями редактирования с использованием концепции ajax.

Как вы все знаете, я нахожусь на начальной стадии, и теперь я загрузил некоторые материалы кода из этого URL-адреса. http://vitalets.github.io/x-editable/docs.html

Мой код здесь

<title>Ajax Edit using PHP</title>
 
 
  
 
 
 
 

 
 <!--?php
 mysql_connect("localhost", "root", "password") or die(mysql_error());
 mysql_select_db("test") or die(mysql_error());
 $result = mysql_query("SELECT * FROM books") or die(mysql_error()); 
 ?-->
 <div>
 <!--?php while($row = mysql_fetch_array( $result )) { ?-->
 
 
 <!--?php } ?-->
 </div>

В приведенном выше коде отображается всего четыре имени книги (так как у db есть только четыре названия книг). Я смог редактировать первое имя книги, и он также редактируется в db, а остальные имена книг не могут редактировать.

Когда я осмотрел с помощью Firebug, я получаю код ниже

<a id="username" data-pk="1" href="#" target="_blank">Book Name 1</a>
 
 <a id="username" data-pk="2" href="#" target="_blank">Book Name 2</a>
 
 <a id="username" data-pk="3" href="#" target="_blank">Book Name 3</a>
 
 <a id="username" data-pk="4" href="#" target="_blank">Book Name 4</a>

Я знаю, я что-то пропустил.

Может ли кто-нибудь помочь мне

Спасибо, Кимц

1 ответ

Вы должны использовать класс для редактируемых элементов вместо идентификатора, например:

<a id="username" data-pk="1" href="#" target="_blank">Book Name 1</a>
 
 <a data-pk="2" href="#" target="_blank">Book Name 2</a>
 
 <a data-pk="3" href="#" target="_blank">Book Name 3</a>
 
 <a data-pk="4" href="#" target="_blank">Book Name 4</a>

Это означает, что теперь ваш JS должен быть следующим:

$('.username').editable({
 type: 'text',
 url: 'post.php',
 title: 'Enter username'
 });

licensed under cc by-sa 3.0 with attribution.