JavaScript 不适用于 php echo
JavaScript doesn't work with php echo
我在使用 php javaScript echo 时遇到了问题。我想为使用 echo 动态创建的按钮触发一个 javaScript 函数。
当我在没有回声的情况下测试它时,函数使用正常。但是当我使用 echo 创建它时,它不起作用。
以下是页面中的回声.php:
$cont.='<div style="border-bottom: 1px solid #A2DBFF; padding-bottom: 25px; padding-top: 20px; margin-bottom: 10px; margin-left: 25px;">';
$cont.='<div class="SUBH">
<input type="text" id="txtNEWHEADING" name="txtSubNam" placeholder="The new heading" />
</div>';
$cont.='<div class="PTAG">
<p>
<textarea rows="5" id="disNEWCONT" cols="70" placeholder="add a discription here.." name="txtCont"></textarea>
</p>
</div>';
$cont.='<div class="IMGTAG">
<input type="file" id="imgNewIMAGE" />
<button class="btnSav" type="submit" onclick="SaveContent()" id="btnNEWCONTENT" style="margin-left: 300px;" />save</button>
</div>';
$cont .= '</div>';
javaScript在这里:
$cont .= '
<script type="text/javascript">
$("#btnNEWCONTENT").click(function(){
alert("hi there..");
$.ajax({ url: ''ajax.php'',
data: {action: ''test''},
type: ''post'',
success: function(data) {
alert(data);
}
});
});
</script>
';
echo $cont;
请帮忙。
这段代码对我有用,在head之间添加了jquery,并将javascript包装到函数中:
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
</head>
<body>
<?php
$cont='<div style="border-bottom: 1px solid #A2DBFF; padding-bottom: 25px; padding-top: 20px; margin-bottom: 10px; margin-left: 25px;">';
$cont.='<div class="SUBH">
<input type="text" id="txtNEWHEADING" name="txtSubNam" placeholder="The new heading" />
</div>';
$cont.='<div class="PTAG">
<p>
<textarea rows="5" id="disNEWCONT" cols="70" placeholder="add a discription here.." name="txtCont"></textarea>
</p>
</div>';
$cont.='<div class="IMGTAG">
<input type="file" id="imgNewIMAGE" />
<button class="btnSav" type="submit" onclick="SaveContent()" id="btnNEWCONTENT" style="margin-left: 300px;" />save</button>
</div>';
$cont.='</div>';
$cont.='
<script type="text/javascript">
function SaveContent(){
$("#btnNEWCONTENT").click(function(){
alert("hi there..");
$.ajax({ url: ''ajax.php'',
data: {action: ''test''},
type: ''post'',
success: function(data) {
alert(data);
}
});
}); }
</script>
';
echo $cont;
?>
</body>
</html>
相关文章:
- PHP/Ajax/jquery/JON-在Ajax Post之后将echo文本中的一部分作为变量返回
- 如何显示由ajax调用运行的PHP文件的echo
- 在 PHP 块中使用 Javascript 设置 HTML 文本框的值(使用 echo)
- 在PHP echo上显示的Javascript提示
- 使用jquery附加PHP echo
- 如何在php中使用echo来在html中打印文本
- 在 HTML 代码中调用 PHP 函数,在 PHP echo 语句中
- WordPress php:禁用javascript时隐藏“echo do_shortcode”字符串
- 使用JS'更正语法;onclick'PHP echo语句中的函数与嵌入的XML获取进行AND
- 使用jQuery更改PHP echo
- 如何让JavaScript.value在PHP echo中工作
- 如何在php echo中添加代码,使其在调用时成为弹出窗口
- 如何处理php echo'ajax中的ed消息
- backbone.js模板中的echo-php变量
- PHP,X-SendFile:将文件与输出文本一起发送到浏览器(通过echo)
- echo php javascript alert?
- Echo php 脚本中的变量
- 使用echo PHP MySQL复制值
- 外部javascript上的echo-php变量是可能的
- javascript中的echo php数组不起作用