gpt4 book ai didi

javascript - 如果没有输入 URL 则隐藏按钮

转载 作者:搜寻专家 更新时间:2023-10-31 21:03:40 24 4
gpt4 key购买 nike

我有一个 Button 的问题。

当我没有输入任何 URl 到我身边的帖子时,将显示一个按钮“转到站点”。但是,当我不输入任何 URL 时,会显示该按钮。

如果没有输入 URL,谁能告诉我如何隐藏按钮?

这是按钮的代码:

<?php
/**
* Coupon Code Box content - Generic/Promotion.
*
* @package Clipper\Templates
* @author AppThemes
* @since Clipper 1.6
*/
?>

<?php /*?><h5><?php _e( 'Promo:', RW_CP_TD ); ?></h5>
<?php */?>
<div class="couponAndTip">

<div class="link-holder">

<a href="<?php echo clpr_get_coupon_out_url( $post ); ?>" id="coupon-link-<?php echo $post->ID; ?>"
class="coupon-code-link affiliates-link" target="_blank" data-clipboard-text="<?php _e( 'Click to Redeem', RW_CP_TD ); ?>">
<span><?php _e( 'Click to Redeem', RW_CP_TD ); ?></span></a>

</div> <!-- #link-holder -->

</div><!-- /couponAndTip -->

最佳答案

查看这个 JSFiddle here .

您需要做的就是替换按钮 ID 和输入框 ID,并将 jQuery 添加到您的索引页面。

HTML:

<input id="input" type="text">
<button id="btn">Go to URL</button>

JavaScript:

$('#input').on('keyup', function(){
var visibility;
if ($(this).val().length === 0) {
visibility = 'inline';
} else {
visibility = 'none';
}
$('#btn').css('display', visibility);
})

关于javascript - 如果没有输入 URL 则隐藏按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36494401/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com