隐藏按钮或div的外部按钮时的按钮

HTML：

<div style="background:#FF0000;"> 
 

 
    <div style="vertical-align:middle; text-align:center; padding:50px;"> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow "> 
 
     <i class="fa fa-share-alt-square"></i> Video 
 
    </button> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow " id="hidethisbutton"> 
 
     <i class="fa fa-share-alt-square"></i> Post 
 
    </button> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow "> 
 
     <i class="fa fa-share-alt-square"></i> Photo 
 
    </button> 
 

 
    </div> 
 

 
</div>

来源

2017-02-08 Saiful Islam Sagor

_What你想正确吗？_ –

不，我需要在按钮点击的一侧比按钮隐藏只。首先，看到div和button之后，当我点击div时，按钮会隐藏。谢谢先生 –

$(document).ready(function() { 
 
    $(document).click(function() { 
 
    $("#hidethisbutton").hide(); 
 
    }) 
 

 
    $("#hidethisbutton").click(function() { 
 
    return false; 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="background:#FF0000;"> 
 

 
    <div style="vertical-align:middle; text-align:center; padding:50px;"> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow "> 
 
     <i class="fa fa-share-alt-square"></i> Video 
 
    </button> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow " id="hidethisbutton"> 
 
     <i class="fa fa-share-alt-square"></i> Post 
 
    </button> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow "> 
 
     <i class="fa fa-share-alt-square"></i> Photo 
 
    </button> 
 

 
    </div> 
 

 
</div>

来源

2017-02-08 07:54:01

我想隐藏这个按钮使用ID像按钮id = test1 –

没有先生当我点击的div比其他按钮还隐藏:(我会更新我的quesiton再次感谢 –

只有其他两个按钮不隐藏 –

添加id到按钮。而不是编号class也将正常工作。使用jQuery visible-selector找到，如果该元素是可见

$("body").on('click', function() { 
     if ($("#social_button_area_post").is(':visible')) { 
     $("#social_button_area_post").hide() 
     } 
})

JSFIDDLE

来源

2017-02-08 07:49:10 brk

不，我需要在按钮点击的一侧比按钮隐藏只。首先，看到div和button之后，当我点击div时，按钮会隐藏。谢谢先生 –

$(document).mouseup(function(e) { 
 
    var button = $('button'); 
 

 
    if (!button.is(e.target)) { 
 
    button.hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="height:250px; width:250px; background:#FF0000;"> 
 

 
    <div style="vertical-align:middle; text-align:center; padding:50px;"> 
 

 
    <button name="Submit" type="submit" class="social_button_area_post" title=" Share Your Flow "> 
 
     <i class="fa fa-share-alt-square"></i> Post 
 
    </button> 
 

 
    </div> 
 

 
</div>

来源

2017-02-08 07:52:12 Arkej

隐藏按钮或div的外部按钮时的按钮

回答

相关问题