[英]PHP Function using javascript / jquery hiding div
我有一個PHP函數:
function myfunc() {
//then I have a div...
echo '<div class="overlay">';
echo "<button onclick=\"$('.overlay').hide();\">Close</button>";
echo '</div>';
}
我的問題是,當我單擊關閉按鈕時,div沒有隱藏。
我在這里做錯了什么?
避免在php代碼的輸出中對javascript處理程序和內聯事件進行硬編碼:改為
echo '<div class="overlay">';
echo "<button>Close</button>";
echo '</div>';
並先前在此頁中插入此代碼,該代碼使用事件委托檢測到您的按鈕被點擊
<script>
$(document).on('click', '.overlay button', function() {
$(this).parent().hide()
});
</script>
嘗試:
<button onclick="this.parentNode.style.display = 'none'; return false;">Close</button>
試試這個代碼:
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";
}
嘗試:
$('.overlay button').live('click',function(
$('.overlay').css({'display': 'none'});
));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.