Question

嘿伙计们，我有一个按钮问题。

当我输入没有URl到我旁边的帖子时会显示一个按钮＆＃34;转到网站＆＃34;。但是当我输入没有URL时，按钮就会显示出来。

如果没有输入网址，有人可以告诉我如何隐藏按钮吗？！

以下是按钮中的代码：

enter code here
<?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 -->

Answer 1

查看此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);
})

Answer 2

<?php
/**
 * Coupon Code Box content - Coupon Code.
 *
 * @package Clipper\Templates
 * @author  AppThemes
 * @since   Clipper 1.6
 */
global $clpr_options;

$coupon_code = wptexturize( get_post_meta( $post->ID, 'clpr_coupon_code', true ) );
$button_text = ( $clpr_options->coupon_code_hide ) ? __( 'Show Coupon', RW_CP_TD ) : $coupon_code;?>

<?php if(clpr_get_coupon_out_url( $post ) != '') : ?>

<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 test" target="_blank" data-clipboard-text="<?php echo $coupon_code; ?>">
        <span><?php echo $button_text; ?></span>
    </a>
 </div> <!-- #link-holder -->
</div><!-- /couponAndTip -->

<?php endif; ?>

只需将该控制结构放入以检查该网址是否为空

如果未输入URL，请隐藏按钮

2 个答案: