BS3 просто работает только одна вкладка, почему?

Question

Я разработал систему сообщений с бутстрапом 3 вкладки (bs3 tab info: http://getbootstrap....nents/#nav-tabs) Конечно, я использую его вертикальный стиль. Итак, есть следующее;

Я просто отправка Мустафа член 'я не могу отправить Алиджанский члена'. Дизайн этой страницы перед левой стороной (так что название табуляции) получает список php в заголовки сообщений (с MySQL DISTINCT). Затем так же код получает сообщения.

Весь код этой страницы я связан paste.bin: http://pastebin.com/ekqf7dL9

желтую кнопку, (так что «кнопка отправки») Jquery проводки с помощью AJAX мой запрос к PHP-файл. Существует его код;

<button m_isim="<?php echo $_SESSION['uyeIsim'];?>" m_atan="<?php echo $_SESSION['uyeId'];?>" m_alan="<?php echo $msjGelenUye['mesaj_alan_id'];?>" class="btn btn-warning btn-sm" id="btn-chat">Gönder</button> 

Информация о переменной

$_SESSION['uyeIsim'] -> user name 
$msjGelenUye['mesaj_alan_id'] -> user reciever 
m_atan -> transmitter 

JQuery почтовый индекс ниже;

$("#btn-chat").click(function(event){ 
    var msjGonderenData = { 
     "mesaj_atan_id" : $(this).attr('m_atan'), //user transmitter 
     "mesaj_alan_id" : $(this).attr('m_alan'), //user receiver 
     "mesaj"   : $("#btn-chat-input").val() //message content 
    }; 

    var msjAtanIsim = $(this).attr('m_isim'); //transmitter name 

    //alert(msjGonderenData['mesaj']); //just control, This is "Mustafa" working but "Alican" doesn't work 

    $.ajax({ 
     type  :"POST", 
     url   :"inc/request/msjGonder.post.php", 
     data  :msjGonderenData, 
     success  :function(cvp){ 
      if(cvp != "1"){ 
       $(".postCevap").html(cvp); 
      }else{ 
       //add current message list sent message 
       $("ul#"+msjGonderenData['mesaj_alan_id']+".chat").append("<li class=\"right clearfix\"><span class=\"chat-img pull-right\"><img src=\"http://placehold.it/50/FA6F57/fff&text="+msjAtanIsim+"\" alt=\"\" /></span><div class=\"chat-body clearfix\"><div class=\"header\"><small class=\"text-muted\"><span class=\"glyphicon glyphicon-time\"></span>&nbsp;Şimdi</small><strong class=\"pull-right primary-font\">"+msjAtanIsim+"</strong></div><p>"+msjGonderenData['mesaj']+"</p></div></li>"); 
      } 
     } 
    }); 
}); 

msjGonder.post.php следующий код;

<?php 

include '../db.connect.php'; 
//bootstrapAlertBox 
$msj_atan = $_POST['mesaj_atan_id']; //transmitter 
$msj_alan = $_POST['mesaj_alan_id']; //reciever 
$msj = $_POST['mesaj']; 

if(!isset($msj)){ 
    echo bootstrapAlertBox("info","<b>Boş</b> mesaj gönderemezsiniz !"); 
}else{ 
    try{ 
     $mdb->insert("mesaj",array(
      'mesaj_atan_id' => $msj_atan, 
      'mesaj_alan_id' => $msj_alan, 
      'mesaj' => $msj, 
      'tarih' => getDateTime(), 
      'ip' => getIP() 
     )); 
     echo "1"; 
    }catch(Exception $e){ 
     echo bootstrapAlertBox("danger","<b>Bilinmedik Hata: <u>".$e->getMessage()."</u> Lütfen tekrar deneyin.</b>"); 
    } 
} 
?> 

Как это решить? Спасибо за интерес.

С наилучшими пожеланиями ..

Добавлено для (@Franky)

Хм, я думаю, понял. Во-первых, мой код, чтобы перевести HTML Standart (так что я добавил атрибуты перед данных-) Например, m_isim -> data-m-isim

Во-вторых, я удалил Повторять каждые ID атрибуты. После этих операций первая и вторая вкладки могут запрашивать POST.

Я думаю, что есть некоторые мои ошибки. Я их не знаю. Потому что я не нашел:/(Какой интересный код я пишу?) Вкладка второй вкладки, но добавлена ​​первая вкладка внутри (как пустая, так и добавленная добавленная дБ с помощью первого идентификатора вкладки). Тег чата - ul Я преобразую его в это;

<ul class="chat"> -><ul class="chat" data-code="r21>">, r21; r является постоянным, а 21 - идентификатором приемника пользователя (от db)

Я не мог решить эту проблему. jQuery последние коды, следующие;

var mesajAlanId = $("span.input-group-btn button").data('m-alan'); 

$("span.input-group-btn").click(function(event){ 
    var msjGonderenData = { 
     "mesaj_atan_id" : $(".receiver-"+mesajAlanId).data('m-atan'), //user transmitter 
     "mesaj_alan_id" : $(".receiver-"+mesajAlanId).data('m-alan'), //user receiver 
     "mesaj"   : $("input[data-receiver-text=\""+mesajAlanId+"\"]").val() //message content alan_id 
    }; 

    var msjAtanIsim = $(".receiver-"+mesajAlanId).data('m-isim'); //transmitter name 

    alert(msjGonderenData.mesaj); 

    $.ajax({ 
     type  :"POST", 
     url   :"inc/request/msjGonder.post.php", 
     data  :msjGonderenData, 
     success  :function(cvp){ 
      $(':input','.input-group').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected'); 
      if(cvp != "1"){ 
       $(".postCevap-"+mesajAlanId).html(cvp); 
      }else{ 
       //add current message list sent message 
       //msjGonderenData.mesaj_alan_id 
       $("ul.chat[data-code='r"+msjGonderenData.mesaj_alan_id+"']").append("<li class=\"right clearfix\"><span class=\"chat-img pull-right\"><img src=\"http://placehold.it/50/FA6F57/fff&text="+msjAtanIsim+"\" alt=\"\" /></span><div class=\"chat-body clearfix\"><div class=\"header\"><small class=\"text-muted\"><span class=\"glyphicon glyphicon-time\"></span>&nbsp;Şimdi</small><strong class=\"pull-right primary-font\">"+msjAtanIsim+"</strong></div><p>"+msjGonderenData.mesaj+"</p></div></li>"); 
      } 
     } 
    }); 
}); 

Обновлены живые коды; http://famousbook.org/beta-test123321

-имя пользователя: fatihmert

пароль: sanane123 и Обновить страницу, когда вы сделали логин. Правый верхний угол, Входящие> все.

Answer 1

Проблема с вашим HTML кодом

Ниже HTML для Mustafa.

<div class="panel-footer"> 
    <div class="input-group"> 
     <input type="text" placeholder="Yasla gitsin..." class="form-control input-sm" id="btn-chat-input"> 
     <span class="input-group-btn"> 
     <button id="btn-chat" class="btn btn-warning btn-sm" m_alan="31" m_atan="18" m_isim="fatihmert">Gönder</button> 
     </span> 
    </div> 
    <div class="postCevap"></div> 
</div> 

Html Для Alican.

<div class="panel-footer"> 
    <div class="input-group"> 
     <input type="text" placeholder="Yasla gitsin..." class="form-control input-sm" id="btn-chat-input"> 
    <span class="input-group-btn"> 
     <button id="btn-chat" class="btn btn-warning btn-sm" m_alan="21" m_atan="18" m_isim="fatihmert">Gönder</button> 
    </span> 
    </div> 
    <div class="postCevap"></div> 
</div> 

Кнопка и поле ввода имеет такую ​​же id, который не является правильным. Вот почему ваш код не работает. Используйте класс для лучшей совместимости кода.

Примечания: Избегайте использование m_alan, m_atan, m_isim для хранения данных в Html тегах используют стандарт data-m-alan, data-m-isim & & data-m-atan Вместо.