由于 php 包含和外部文件导入，Jquery 不再工作答案

【问题标题】：Jquery not working anymore since php includes and external file import由于 php 包含和外部文件导入，Jquery 不再工作
【发布时间】：2011-06-03 07:26:35
【问题描述】：

我注意到我的 jquery 代码不再工作，因为我开始做一些 php 包含。

显然，我希望从 index.php 主页的 js 文件中导入我的代码。但是，我的 html 代码将由 php 包含生成（我不知道这是否有问题）。

无论如何，这是我的php页面（index.php）的结构：

[...]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/comments.js"></script>
</head>
<body>

<?php
// HEADER -----------------------------------------------
include("front/index/header.php");
// ------------------------------------------------------
?>

<div class="containerMiddleFullSize">
<div class="containerMiddle">

<?php

// BODY -------------------------------------------------
if ($_GET['page'] == "home")
{
    include("front/index/home.php");
}
[...]

这是我的 jquery 代码（js/cmets.js）：

$(function() 
{

$(".content").Watermark("Écrire un commentaire...");

$(".content").focus(function()
{
$(this).height("50px"); //animate({"height": "50px",}, "fast" );
$(this).next(".button_block").slideDown("fast");

return false;
});

$(".cancel").click(function()

$(this).parent(".button_block").slideUp("fast").prev(".content").height("18px");
return false;
//}
});

});

欢迎任何帮助;)

干杯，

哥蒂。

【问题讨论】：

你的front/index/header.php中有什么

标签： php jquery file include external

【解决方案1】：

尝试更改定义以使用实时功能，例如

$(".cancel").live("click", function() { ...

我猜在调用您的 JS 时，相关元素不存在，因此没有任何东西与它们绑定。使用 live 确保任何具有指定特征的未来元素都将被正确绑定。

【讨论】：

【解决方案2】：

正如您所说，只要您不包含 PHP 文件，您的 Javascript 就可以正常工作。但是，一旦你把这些包括在内，它就会停止工作。因此，请确认您没有任何未关闭的 HTML 标记。有时，不完整的标签会导致 JS 无法正常工作。

谢谢！侯赛因

【讨论】：

【解决方案3】：

也许你剪切并粘贴了这个错误，但也许为 onclick 函数添加了一个左括号？改变：

 $(".cancel").click(function()

 $(this).parent(".button_block").slideUp("fast").prev(".content").height("18px");
 return false;
 //}
 });

到：

 $(".cancel").click(function()
 {
   $(this).parent(".button_block").slideUp("fast").prev(".content").height("18px");
   return false;
 });

【讨论】：