2017-04-01 18 views
1

私のWebページにAJAXを介して別のページを呼び出すボタンがあります。このページには、クエリが正常に実行された場合に "Match"という特定のデータが含まれています。今度は、マッチが他のページから受信された場合、ポップアップが表示されます。ここに私のコードですポップアップ関連の問題

<div id="myNav" class="overlay"> 
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> 
<div class="overlay-content"> 
<h>ksadjaskjdaskdjaskdjaskdjaskdjaskdjasdk</h> </div> 
</div> 
<button class="abc" style="font-size:30px;cursor:pointer" >&#9776; Accept</button> 

<script type="text/javascript"> 
var a="Match"; 

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

     $.ajax({ 
      type: 'POST', 
      url: 'accept.php?w1=<?php echo $id ?>', 
      success: function(data) { 

       // $("p").text(data); 
      if(a=data) 
      { 
       function openNav() 
       { 
        document.getElementById("myNav").style.height = "100%"; 
       } 
      } 
      else 
      { 
       location.reload();   
      } 
      }    

     }); 
     }); 
    }); 


    function closeNav() { 
    document.getElementById("myNav").style.height = "0%"; 
    } 
+0

popUpまたはデータに問題がありますか? –

+0

コードにポップアップが表示されません。あなたはブートストラップモーダルを使うことができます。もしアラートを使うことができれば、それは必要ありません。ポップアップは何をしますか? –

答えて

0

成功関数外でopenNav関数を定義してください。あなたのajax呼び出しが成功し、accept.phpファイルが "一致"文字列を返すと仮定すると、

if(a=data){ 
    openNav(); 
    alert(data); 
}else{ 
    location.reload(); 
}