2015-07-09 5 views
0

У меня есть всплывающее окно входа в систему, когда всплывающее окно сеанса не появляется, а затем, когда я нажимаю ссылку на ссылку после записи моего user_id и пароля, ничего не произошло. но когда я нажимаю второй раз, все работает. Я думаю, что это касается загрузки страницы, но я понятия не имею, чтобы это исправить. любая идея? спасибоМне нужно дважды нажать ссылку на ссылку, чтобы работать. Зачем?

EDIT: я понял что-то, когда я ввожу неправильные значения (data.tip === 'hata'), он работает в первый раз, но когда я ввожу правильные значения, мне нужно дважды щелкнуть, чтобы работать, но я все еще не справиться с этим.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<script type="text/javascript" charset="utf-8"> 
 
$(document).ready(function(){ 
 
///////////////////////////////////General Popup 
 
function launch() 
 
{ 
 
$('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}}); 
 
} 
 
      
 
$("#sign_up").lightbox_me({centered: true, preventScroll: true, onLoad: function() { 
 
$("#sign_up").find("input:first").focus(); 
 
}}); 
 
\t \t \t \t 
 
$('table tr:nth-child(even)').addClass('stripe'); 
 
/////////////////////////////////////////// \t PopUp End 
 
$("#log_in").click(function(e) // This is not working in first time 
 
{ 
 
\t \t \t 
 
var kullanici_adi=$("#kullanici_adi").val(); 
 
var sifre=$("#sifre").val(); 
 
\t \t \t 
 
\t \t 
 
$.ajax 
 
({ 
 
type: "POST", 
 
url: "girisislemi.php", 
 
data: {kullanici_adi : kullanici_adi,sifre:sifre}, 
 
dataType:"json", 
 
success: function(data) 
 
{ 
 
    if(data.tip==='yonetici'||data.tip==='kullanici') 
 
    { 
 
\t $("#log_in").addClass("close"); 
 
\t $ele.lightbox_me(); 
 
\t $ele.trigger('close'); 
 
\t } 
 
\t if(data.tip==='hata') 
 
\t { 
 
\t \t $('input[type=text]').css("border", "3px solid red"); 
 
\t \t $('input[type=password]').css("border", "3px solid red"); 
 
\t } \t 
 
\t \t \t \t } 
 
\t \t \t }); \t \t \t 
 
\t \t \t 
 
\t \t \t e.preventDefault(); 
 
\t \t \t }); 
 
\t \t \t 
 
      
 
     }); 
 
    </script> 
 
    <link rel="stylesheet" href="styles.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
 
    
 
</head> 
 

 
<body> 
 
       
 
      <div id="sign_up"> 
 
       <h3 id="see_id" class="" >Can I see some ID?</h3> 
 
       <span>Please sign in using the form below</span> 
 
       <div id="sign_up_form"> 
 
        <label><strong>Username:</strong> <input type="text" id="kullanici_adi" class=""/></label> 
 
        <label><strong>Password:</strong> <input type="password" id="sifre" class=""  /></label> 
 
        <div id="actions"> 
 
         <a class="form_button " id="log_in" href="#">Sign in</a> 
 
        </div> 
 
       </div> 
 
      </div> 
 
    
 
    
 

 
</body> 
 
</html>

ответ

0

Стараюсь свой код в JSFiddle и у меня есть ошибка: $ Эле переменная не определена, поэтому я добавить определение в обратный вызов, и если ваш возвращается JSON имеет хорошее свойство наконечника , он работает в первый раз на моей стороне.

$(document).ready(function() { 
    ///////////////////////////////////General Popup 
    function launch() { 
     $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}}); 
    } 

    $("#sign_up").lightbox_me({centered: true, preventScroll: true, onLoad: function() { 
     $("#sign_up").find("input:first").focus(); 
    }}); 

    $('table tr:nth-child(even)').addClass('stripe'); 

    /////////////////////////////////////////// PopUp End 
    $("#log_in").click(function(e) { // This is not working in first time 
     var kullanici_adi=$("#kullanici_adi").val(); 
     var sifre=$("#sifre").val(); 

     $.ajax({ 
      type: "POST", 
      url: "girisislemi.php", 
      data: {kullanici_adi: kullanici_adi, sifre: sifre}, 
      dataType:"json", 
      success: function(data) { 
       // --- Some log to verify the content of data.tip 
       console.log(data.tip); 
       if(data.tip==='yonetici'||data.tip==='kullanici') { 
        $("#log_in").addClass("close"); 

        // --- Here I define the $ele variable to use it after. 
        $ele = $('#sign_up'); 
        $ele.lightbox_me(); 
        $ele.trigger('close'); 
       } 
       if(data.tip==='hata') { 
        $('input[type=text]').css("border", "3px solid red"); 
        $('input[type=password]').css("border", "3px solid red"); 
       } 
      } 
     });   

     e.preventDefault(); 
    }); 


}); 
+0

Это в уже здесь :( –

+0

К сожалению, я не вижу его с плохим отступом ... –

+0

Поэтому я редактировать ответ. Это работа для меня только с незначительными изменениями. –

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