慕桂英3389331
2023-02-24 17:49:55
我想知道你是否可以幫我解決一個問題。我正在為事件頁面構建一個內容模板,它通過使用高級自定義字段來提取數據。我在管理端有一個字段,將在添加新事件時填寫。該字段show_info使用 ID調用#acf-editor-46。然而,在某些事件中,這將留空,但環繞前端內容的 DIV 仍將顯示在模板上,DIV 具有類.show-info-wrapper.我希望當該show_info字段為空白時,DIV.show-info-wrapper不會顯示在前端。我通過四處瀏覽取得了一些進展,你可以在這里看到我到目前為止的代碼:HTML(只是一個快速測試設置):<textarea id="acf-editor-46" class="wp-editor-area" aria-hidden="true">1111</textarea><div class="show-info-wrapper">CONTENT</div>JavaScript + jQuery:$(document).ready(function() { if($('#acf-editor-46').val() == '' ){$('.show-info-wrapper').hide();} $('#acf-editor-46').on('change' , function() { if( this.value != ''){ $('.show-info-wrapper').show(); } else{ $('.show-info-wrapper').hide(); } }); });它適用于 JSFiddle ( http://jsfiddle.net/ha2nedfb/ ),但是,似乎在我的 WordPress 網站上,因為輸入和 DIV 不在同一個 DOM 上,所以它不起作用。誰能幫我解決這個問題?
4 回答

神不在的星期二
TA貢獻1963條經驗 獲得超6個贊
如果 textarea 稍后呈現,您可以委托事件。
$(document).on('change', '#acf-editor-46', callback);
鏈接:

蠱毒傳說
TA貢獻1895條經驗 獲得超3個贊
只需將 的事件更改#acf-editor-46為input。
$(document).ready(function() {
if($('#acf-editor-46').val() == '' ){$('.show-info-wrapper').hide();}
$('#acf-editor-46').on('input' , function() { // Just change event to input
if( this.value != ''){
$('.show-info-wrapper').show();
}
else{
$('.show-info-wrapper').hide();
}
});
});
添加回答
舉報
0/150
提交
取消