我正在尝试创建一个允许用户通过新窗口编辑输入的表单.PHP将处理输入,然后使用新值附加新输入.显然,当我尝试编辑附加的输入时,JavaScript就不会触发.请告诉我我做错了什么.这是我的HTML代码:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.races').click(function(e){
console.log("Inside Testing");
e.preventDefault();
var currID = this.id;
var content = '<form id="theForm" action="ct.php" method="post"> Race: <input type="text" id="race" name="race"><button type="submit" onClick="OKClicked()">Click this!</button></form>';
childWin = window.open('', "_blank", "height=400, width=550, status=yes, toolbar=no, menubar=no, location=no,addressbar=no");
toBeAdded = $(this).closest('div');
childWin.document.close();
childWin.document.write(content);
popupRace = childWin.document.getElementById("race");
parentRace = document.getElementById(currID);
transferValues();
})
});
function transferValues()
{
popupRace.value = parentRace.value;
}
function setValue(text)
{
childWin.close();
toBeAdded.parent().append(text);
toBeAdded.remove();
}
</script>
</head>
<body>
<div>
Name: <input type="text" name="name">
</div>
<div>
<div>
<input …我正在尝试使用jquery/AJAX提交表单,但是当我点击提交按钮时,我的函数永远不会被调用.
我的网站看起来像这样:CarMenu.php
<html lang="en">
<html>
<head>
<meta charset="ISO-8859-1">
<title>ArsenalAutoBrokers - Backend - add car</title>
<link rel="stylesheet" href="../js/jquery-ui-1.11.4/jquery-ui.min.css" type="text/css"/>
<link rel="stylesheet" href="../js/jquery-ui-1.11.4/jquery-ui.css" type="text/css"/>
<link rel="stylesheet" href="../js/jquery-ui-1.11.4/jquery-ui.theme.css" type="text/css"/>
<link rel="stylesheet" href="../js/jquery-ui-1.11.4/jquery-ui.structure.css" type="text/css"/>
<link rel="stylesheet" href="../css/carForm.css" type="text/css"/>
<script charset="UTF8" src="../js/jquery/jquery-1.11.3.js"></script>
<script charset="UTF8" src="../js/jquery-ui- 1.11.4/external/jquery/jquery.js"></script>
<script charset="UTF8" src="../js/jquery-ui-1.11.4/jquery-ui.js"></script>
<script charset="UTF8" src="../js/app/carForm.js"></script>
<script charset="UTF8" src="../js/app/addCar.js"></script>
</head>
<body>
<div id="container">
<div id="leftMenuContainer">
<ul id="menu">
<li id="addCarItem">Add car</li>
<li id="saveCarItem">Edit cars</li>
</ul>
</div>
<div id="rightMainContent">
</div>
<div class="clear"></div>
</div>
</body>
</html>
在那个页面上,我使用的是jquery菜单,我将数据加载到id为'rightMainContent'的div中.
执行此操作的JavaScript代码如下:carForm.js
$(document).ready(function () {
$( …在页面加载后,我有一些页面的元素被库注入.这些元素具有onClick操作,由jQuery控制.由于这些项目是在页面加载后呈现的,因此jQuery是否会针对这些项目应用onClick操作？
我想用jQuery为表添加一个可点击的标题.我这样添加:
$("table.table-legend").prepend('<caption class="edit-select"><a href="javascript:;">Select All - None</a></caption>');
这有效,我确实得到了一个可点击的标题,但我无法弄清楚如何定义被调用的函数.
我试过了:
$('table caption a').on('click', function () {
和
$('.edit-select a').on('click', function () {
以及其他一些方法,但无论如何,我的功能都没有被调用.这样做的正确方法是什么？
我使用http://weareoutman.github.io/clockpicker/中的 bootstrap和一个时钟选择器
加载主页面时它工作正常.但是当我使用AJAX调用将另一个php文件中的新内容加载到div中时,clockpicker停止工作.
Clockpicker在页面底部使用jQuery.
我用ajax加载的新内容也包含clockpicker按钮.但它不会起作用.页面底部的jQuery可能有问题吗？
我是jQuery的新手,不知道语法和语言.
<?PHP
echo "<div class=\"input-group clockpicker col-md-6\" data-placement=\"right\" data-align=\"top\" data-autoclose=\"true\">";
echo "<input
type=\"text\"
class=\"form-control input-sm\" onchange=\"ajax_function('kuk','alter_schedule.php?ltime='+this.value+'&cid=".$child_id."&date=".$row['date']."&what=3')\" value=\"".date("H:i", strtotime($row['schedule_start']))."\">";
echo "<span class=\"input-group-addon\">";
echo "<span class=\"glyphicon glyphicon-time\"></span>";
echo "</span>";
echo "</div>";
?>
<script type="text/javascript">
$('.clockpicker').clockpicker();
</script>
我对jQuery函数创建的新元素上的"click"操作有问题,但它不起作用.
我为这个链接(JSFiddle)创建了一个JSFiddle ,但它不能很好地工作,因为我无法在JSFiddle中调用Ajax请求.
我有这两个按钮,
<input type="button" onclick="invia('SIC-034031','', 's');" value="AGGIUNGI" style="height: 20px; width: 110px; background-color: #A5EFC5 ; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 12px; background-repeat: no-repeat; background-position: left center;" id="iscriviSIC-034031" class="pulsanteIscrizioni" name="xaggiorna"/>
<input type="button" onclick="invia('SIC-034031','R', 's');" value="RISERVA" style="height: 20px; width: 110px; background-color: #F00000; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px; background-repeat: no-repeat; background-position: left center;" id="iscriviRSIC-034031" class="pulsanteIscrizioni" name="xaggiorna"/>
当你第一次调用ajax函数时,按钮1会回答这个输出:
OK;I;SIC-034031
按钮2仅用于擦除.按钮一创建.
<input id="iscriviSIC-034031" class="pulsanteIscrizioni" type="button" name="xaggiorna" style="height: 20px; width: 110px; background-color: #03F; color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 12px;" value="TOGLI" onclick="invia('SIC-034031','');">
当我单击这个新按钮时,ajax函数返回此信息, …
jquery ×6
html ×5
javascript ×4
ajax ×3
php ×3
css ×1
form-submit ×1
html-table ×1
timepicker ×1