php - javascript / jquery隠しdivを使用したPHP関数

Question

私はphp関数を持っています:

function myfunc() {

//then I have a div...

echo '<div class="overlay">';
echo "<button onclick=\"$('.overlay').hide();\">Close</button>";
echo '</div>';

}

私の問題は、閉じるボタンをクリックすると、div が非表示にならないことです。

私はここで間違っていますか？

Answer 1

PHP コードの出力内に JavaScript ハンドラーとインライン イベントをハードコードすることは避けてください。代わりに実行してください。

echo '<div class="overlay">';
echo "<button>Close</button>";
echo '</div>';

以前に、イベント委任を使用してボタンのクリックを検出するこのコードをページに挿入します

<script>
  $(document).on('click', '.overlay button', function() {
      $(this).parent().hide()
  });
</script>

Answer 2

このコードを試してください：

function myfunc() {

//then I have a div...

echo '<div class="overlay"  id="overlay" >';
echo "<button onclick=\"hide()\">Close</button>";
echo '</div>';

}
//using the javascript code:
function hide()
{
    document.getElementById("overlay").style.display="none";

}

Answer 3

試す：

<button onclick="this.parentNode.style.display = 'none'; return false;">Close</button>

Answer 4

試す：

$('.overlay button').live('click',function(
    $('.overlay').css({'display': 'none'});
));