使用Jquery在php中显示/隐藏div

时间:2012-04-19 19:25:30

标签: php jquery html include hide

我有一个名为div_1.php的页面,里面有一个div。

 <div id="div_1"></div>

我有一个名为index.php的页面:

 <div id="div_menu"></div>

<?php include("div_1.php"); ?>

“div_menu”的可见性为真。在style.css中,“div_1”的默认可见性设置为false。

#div_1{
    display: none;
}

jQuery函数show / hide“div_1”:

$('.form_name').click(function() {
    // Hide the menu
    $('#div_menu').hide();

    if(this.id == "form_choice1"){
        // Show the div
        $('#div_1').show();
    }
});

第一部分(隐藏“div_menu”)工作正常,但第二部分不起作用! 如果我将div_1.php的内容复制并粘贴到index.php中,它运行正常!

为什么jQuery无法访问该div? 当div在php文件中时有什么问题? 我认为php只包含调用页面内被调用页面内容的副本。

2 个答案:

答案 0 :(得分:0)

您似乎没有正确关闭代码。这可能会让浏览器感到困惑。格式为</div>而非<!div>。除此之外,您是否比较了两者生成的HTML?他们看起来应该是一样的。检查您的浏览器以找出差异。

答案 1 :(得分:0)

我发现PHP无法在我的网络服务器(jetty 8)上运行......

我会尝试包含js文件并使用document.write函数,但它非常难看!