Javascript Jquery hide（），show（）函数不起作用_Javascript_Php_Jquery_Event Handling

Javascript Jquery hide（），show（）函数不起作用

javascript php jquery

Javascript Jquery hide（），show（）函数不起作用,javascript,php,jquery,event-handling,Javascript,Php,Jquery,Event Handling,我正在使用codeigniter篝火创建一个web应用程序。我正在使用jquery的简单hide（）和show（）函数，但它不起作用。我会检查控制台上的所有脚本没有错误。我不明白为什么它不工作。我包括jquery文件的方式如下：- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script> &

我正在使用codeigniter篝火创建一个web应用程序。我正在使用jquery的简单hide（）和show（）函数，但它不起作用。我会检查控制台上的所有脚本没有错误。我不明白为什么它不工作。我包括jquery文件的方式如下：-

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;libraries=places"></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery-2.1.0.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/before.load.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery-ui.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery-migrate-1.2.1.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/bootstrap/js/bootstrap.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/richmarker-compiled.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/smoothscroll.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/bootstrap-select.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery.hotkeys.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery.nouislider.all.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/custom.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/maps.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/star-rating.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery.gmap.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/locationpicker.jquery.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/bootstrap-editable.min.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery.timeago.js" type="text/javascript" ></script>
<script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery.magnific-popup.js" type="text/javascript" ></script>

函数也在正确调用，但div未显示或隐藏。包含jquery文件的顺序有问题吗？

下面这段代码似乎适合我

<html>
<head>
<script src="https://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript" ></script>
<script>
    function regis_form()
    {
        $('#is_owner').change(function () {
        console.log("checked"+this.checked);
        if(this.checked)
        {
           $('#registration_fields').show();
        } 
        else 
            $('#registration_fields').hide();
        });
    }

</script>
</head>
<body>
    <input type="checkbox" id="is_owner" />
    <div id="registration_fields">
        <p>Content visible</p>
    </div>
    <footer>
        <script>
            $(document).ready(function(){
                regis_form();
            });
        </script>
    </footer>
</body>
</html>


内容可见

下面这段代码似乎适合我

<html>
<head>
<script src="https://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript" ></script>
<script>
    function regis_form()
    {
        $('#is_owner').change(function () {
        console.log("checked"+this.checked);
        if(this.checked)
        {
           $('#registration_fields').show();
        } 
        else 
            $('#registration_fields').hide();
        });
    }

</script>
</head>
<body>
    <input type="checkbox" id="is_owner" />
    <div id="registration_fields">
        <p>Content visible</p>
    </div>
    <footer>
        <script>
            $(document).ready(function(){
                regis_form();
            });
        </script>
    </footer>
</body>
</html>


内容可见

原因：

调用了函数，但问题是未触发事件

解决方案：

包含jquery

 <script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery-2.1.0.min.js" type="text/javascript" ></script>

希望它能帮上忙……

原因：

调用了函数，但问题是未触发事件

解决方案：

包含jquery

 <script src="http://localhost/hungary_duniya/bonfire/themes/restaurant/assets/js/jquery-2.1.0.min.js" type="text/javascript" ></script>

希望对您有所帮助。…

下面首先将脚本放在您的头文件中

那你就用它 Jquery（'#id'）.hide（）；或

Jquery（'#id'）.show（）

下面的第一个脚本放在头文件上

那你就用它 Jquery（'#id'）.hide（）；或 Jquery（'#id'）.show（）

$(document).ready(function(){

 $('#is_owner').click(function () {

 //console.log($(this).prop("checked));

   if($(this).prop("checked") == true){

       $('#registration_fields').show();

   }else{ 

      $('#registration_fields').hide();

   } 

 });     
});