Question

我尝试通过Php echo

向div添加内容

含

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

Php Code

<?php echo "<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script>"; ?>

我的Div代码

<div class="notificationsBody">TESTING DIV<br></div>

这是可能的，如果是，为什么这不起作用？我的控制台也是空的。如果没有，还有另一种方法可以实现一个在Php Echo上附加的Div吗？

提示：如果可能，我需要一个Php回声。

这是我完整的index.php页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">



<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>
<body>


<?php echo "<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script>"; ?>
<div class="notificationsBody">TESTING DIV<br></div>

</body>



</html>

我最终想要的就像你有一个类并调用函数

<?php echo $myclass->theechofunction(); ?>

然后这将回显将Div附加到我的Wrapper的Javascript。

是的，它有点疯狂/困难，但这就是我需要的。

感谢您的每一个答案。

编辑

调用网站后的网站Quellcode

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>



<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script>

<div class="notificationsBody">TESTING DIV<br></div>

Answer 1

你有两个问题。首先，您正在加载两个版本的jQuery，这可能会导致冲突。从ajax.googleapis.com或code.jquery.com加载jQuery，但不能同时加载两者。

其次，在将该元素添加到DOM之前，尝试附加到.notificationBody的Javascript正在运行。有两种方法可以解决这个问题：在回显<script> DIV之后移动回传.notificationBody标记的代码，或者在$(document).ready()处理程序中运行代码。 DOM已完全加载：

<?php echo "<script type='text/javascript' >
    $(document).ready(function() {
        $('.notificationsBody').prepend('Hello World');
    });
    </script>";
?>

请参阅JS & jQuery can't detect html elements, and say's they are undefined

javascript追加Php echo？

1 个答案: