PHPの条件が満たされている場合にのみjavascriptを実行する

Question

PHP条件のみが満たされている場合、どのようにjavascriptを実行しますか？ $page_countが<= 1の場合にのみ、ポップアップを表示しようとしています。私は単純なエコーでそれをテストしたので、phpは正常で正常に動作しますが、$page_countが2以上でまだ実行されていれば、javascriptの実行を無効にしようとするときだけです。

これについて一般的な方法はありますか？コメンターが示唆したように

if ($page_count <= 1) { 
    $setup_popup = 
    '<div id="status-popup"> 
     <div id="status-popup-container" class="total-center"> 
      <a class="popup-close" data-popup-close="popup-1" href="#">Close</a> 
     </div> 
    </div>' 
    ; 
} 
else { 
    $setup_popup = NULL; 
} 

Javascriptを

$('#status-popup').fadeIn(350); 

$('[data-popup-close]').on('click', function(e) { 
    var targeted_popup_class = jQuery(this).attr('data-popup-close'); 
    $('#status-popup').fadeOut(350); 
    $('body').css('overflow', 'auto'); 
    e.preventDefault(); 
}); 

Answer 1

、ような単純なもの：

if(document.getElementById('status-popup')){ 
    $('#status-popup').fadeIn(350); 

    $('[data-popup-close]').on('click', function(e) { 
     var targeted_popup_class = jQuery(this).attr('data-popup-close'); 
     $('#status-popup').fadeOut(350); 
     $('body').css('overflow', 'auto'); 
     e.preventDefault(); 
    }); 
} 

はそれを行う必要があります。

文の場合は、必要な場合にも、PHPの内部ではJavaScriptを囲むことができます：

<?php 
if ($page_count <= 1) { 
?> 
     $('#status-popup').fadeIn(350); 

     $('[data-popup-close]').on('click', function(e) { 
      var targeted_popup_class = jQuery(this).attr('data-popup-close'); 
      $('#status-popup').fadeOut(350); 
      $('body').css('overflow', 'auto'); 
      e.preventDefault(); 
     }); 
<?php 
} 
?> 

Answer 2

私はいつもモーダル要素を追加しますが、カウンターを含め、JSは、ロジックをやらせるだろう。

<script type="application/javascript"> 
var pageCounter = <?php $page_count ?>; 
if (pageCounter) { 
    $('#status-popup').fadeIn(350); 

    $('[data-popup-close]').on('click', function(e) { 
    var targeted_popup_class = jQuery(this).attr('data-popup-close'); 
    $('#status-popup').fadeOut(350); 
    $('body').css('overflow', 'auto'); 
    e.preventDefault(); 
    }); 
} 
</script> 
<div id="status-popup"> 
    <div id="status-popup-container" class="total-center"> 
    <a class="popup-close" data-popup-close="popup-1" href="#">Close</a> 
    </div> 
</div> 

魔法はなく、複雑さはほとんどなく、クライアントやサーバからの値の変更やテストが可能です（単体テストやAJAXなどの小さなことは許されません）。

Answer 3

PHPコードは、あなたができるように、クライアントにtransmitedされ、それの結果より、サーバーで実行されます。

if ($page_count <= 1) { 
    $setup_popup = ""; 
    if ($page_count >=2) { 
     $setup_popup .= "<script type="text/javascript">[put your js code here]</script>"; 
    } 
    $setup_popup .= '<div id="status-popup"> 
     <div id="status-popup-container" class="total-center"> 
      <a class="popup-close" data-popup-close="popup-1" href="#">Close</a> 
     </div> 
    </div>'; 
} 
else { 
    $setup_popup = NULL; 
} 

Answer 4

var page_count = <?= $page_count ?>; 

if(page_count <= 1) { 
    $('#status-popup').fadeIn(350); 
    $('[data-popup-close]').on('click', function(e) { 
     var targeted_popup_class = jQuery(this).attr('data-popup-close'); 
     $('#status-popup').fadeOut(350); 
     $('body').css('overflow', 'auto'); 
     e.preventDefault(); 
    }); 
} 

あなたはあなただけ表示するようになるだろうので、else条件を使用する必要はありませんページ数が2未満のときにポップアップ。それが動作することを願っています。