[jquery].hide()以及.show()函数function无法正常运作?无法正常隐藏或显示物件?

[jquery].hide()以及.show()函数function无法正常运作?无法正常隐藏或显示物件?

.hide()以及.show()函数function无法正常运作的时候，通常都是这个element的上层的parent element有一些css相冲突。
这两个function就是在css里面设定目标element的display属性是否为none来达成隐藏或是显示的效果，然而当parent element有css是display:block之类的时候，
就会把目标element的css覆盖掉overwrite，然后.hide(), .show()就会失效。

这时候如果还是想要隐藏或是显示目标element的时候，建议把他"移动出画面之外"即可。

可以先在css加上一个class，此class的动作就会将element的位置调整到画面之外

<style>
    .HideEle
    {
        position: absolute;
        left: -9999px;
    }
</style>

然后再于jquery里面加上此css的class即可隐藏目标ele

$('div[id*=targetEle').addClass('HideEle');

大概是这样，因为很常碰到这类问题，写个笔记纪录一下方便以后快速参考。。。。

参考资料:
 工作经验