javascript - 引入bootstrap.min.css样式后,js里把某个元素使用.show()或. hide() 方法不起效

Question

引入bootstrap.min.css样式后,js里把某个元素使用.show()或. hide() 方法不起效

html部分

                            
                            <p class="uid <?php if($c['utype']==1 || $c['utype']==''){ echo 'show'; }else{ echo 'hidden'; }?>">
                                <select name="uid"  class="cgselect">
                                    <option value="">请选择</option>
                                    <?php 
                                        $com = $db->select('companies','*');
                                        if($com){
                                            foreach ($com as $o) {
                                                if($c['uid'] == $o['id']){
                                                    echo "<option value='".$o['id']."' selected='selected'>".$o['companyname']."</option>";
                                                }else{
                                                    echo "<option value='".$o['id']."'>".$o['companyname']."</option>";
                                                }
                                            }
                                        }
                                    ?>
                                </select>
                            </p>
                            <p class="uid2 <?php if($c && $c['utype']==2){ echo 'show'; }else{echo 'hidden';}?>">
                                <select name="uid2"  class="cgselect">
                                    <option value="">请选择</option>
                                        <?php
                                        $cus = $db->select('customs','*');
                                        if($cus){
                                            foreach ($cus as $o) {
                                                if($c['uid'] == $o['id']){
                                                    echo "<option value='".$o['id']."' selected='selected'>".$o['name'].$o['mobile']."</option>";
                                                }else{
                                                    echo "<option value='".$o['id']."'>".$o['name'].$o['mobile']."</option>";
                                                }
                                            }
                                        }
                                    ?>
                                </select>
                            </p>

                        </p>
                        <p class="clearfix"></p>
                    </p>
                    

js部分

                    $('.utype').change(function(){
            var val=$(this).val();
            if(val==1){
                $('.uid').hide();
                $('.uid2').hide();
            }else if(val==2){
                $('.uid2').show();
                $('.uid').show();
            }else{

            }
        });

Answer 1

占坑~
首先建议题主先看看控制台是否有报错, 打断点是否能进入到change里, 进入到change里是否能找到 $('.uid2')或其他元素, 再去判断是否为覆盖了hide()方法

因为也没提供别的代码, 所以猜测

$('.utype').change//有问题.

-->

$(document).on("change", ".utype", function(){
    //your code
})