我需要在从页面中删除DIV后调用一个函数.
我试过添加一个像这样的回调,但没有运气.有什么建议?
$(foo).remove( function() {
stepb();
});
Run Code Online (Sandbox Code Playgroud) 当用户单击按钮时,我想返回一些数据并遍历JSON,以便我可以将结果附加到表行.
在这一点上,我只是想让我的循环工作,这是我的代码.
我的JSON回复如下:{"COLUMNS":["username","password"],"DATA":[["foo","bar"]]}
$("#button").click(function(){
$.ajax({
url: 'http://localhost/test.php',
type: 'get',
success: function(data) {
$.each(data.items, function(item) {
console.log(item);
});
},
error: function(e) {
console.log(e.message);
}
});
});
Run Code Online (Sandbox Code Playgroud)
我得到一个jQuery(第16行,一个未定义)错误.我究竟做错了什么?
我试图通过$.ajax用户提交表单来实现get请求.
我不确定我所做的是最有效的方法(将点击绑定到表单按钮)所以如果有更有效的方法(或标准方式),请建议它!
我的结果是内容div在FF/Chrome中正确填充,但IE不是.IE似乎正在提交表单并完全重新加载页面.
另外,我确实认为我需要"提交"表单,因为我想利用jQuery validate();,它不适用于以下实现(即使在FF/Chrome中).
Javascript:
$(document).ready(function(){
$("#theForm").submit(function(){
// build our data to send in our request
var mydata = {method: "search", color: $('#color').val()};
$.ajax({
url: 'foo.php',
data: mydata,
type: 'get',
dataType: 'json',
success: function(data){
$("#content").html(data);
}
error: function(e){
console.log(e.message);
}
});
return false;
});
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<form id="search">
<input type="submit" />
</form>
<div id="content"></div>
Run Code Online (Sandbox Code Playgroud) 当我的用户选择生成报告时,我正在使用John Culviner的文件下载插件来生成"请稍候"消息.
当用户单击链接时,我向我的PHP发送ajax请求,该请求在服务器上生成PDF.那时我正在尝试更新fileDownload插件的成功处理程序中的链接.
我可能正在接近这个错误,但这是我的代码 - 非常感谢任何帮助.
$("body").on("click","##pdfLink", function(e){
$.fileDownload($(this).attr('href'), {
preparingMessageHtml: "Preparing your report, please wait...",
failMessageHtml: "There was a problem generating your report, please try again."
});
// Build our data string.
var strData = {method: "createPDF"};
// Send a request to build our XL file.
$.ajax({
url: '/pdf.php',
data: strData,
type: 'get',
dataType: 'json',
success: function(data) {
alert(data);
$("##pdfLink").attr("href","/pdf/"+data);
},
error: function(e) {
console.log(e);
}
});
return false;
e.preventDefault();
})
Run Code Online (Sandbox Code Playgroud)
此时,当我单击链接时,模式会正确显示"请等待"消息.我的文件确实构建在服务器上(在我的成功处理程序中通过我的警报确认),我的HREF确实得到了更新.但是,该插件不会提示用户下载.
谢谢!
我想为jQuery验证添加一个自定义规则,虽然我已经检查了文档,但我还是无法找到如何执行此操作.
我想循环一组隐藏的表单字段.如果fields值为"X",那么我想在字段中附加一个错误类.
基本上就是这样,但作为规则添加到jQuery验证.
$(".myHiddenField").each( function() {
if($(this).val() == "x") {
$(this).closest(".foo").appendClass("error");
}
});
Run Code Online (Sandbox Code Playgroud) 我的小提琴:http://jsfiddle.net/Yc9WY/42/
你在这里看到的是两组,每组有3个可放置的容器.您可以将事件从组1移动到组2,并移动到任何插槽.这很好用.
一旦一个组已满,我想让用户能够通过上下移动事件来对该组进行排序.如果他们选择,他们仍然可以将事件移出组.
您将看到我注释掉的代码,我开始集成可排序的库,但我的行为很奇怪.
注意:我无法单独替换我的draggable/dropable.我需要明确定义的可放置区域(每组3个),以便事件可以存在于组1的插槽1和3中.
这是我的代码
$(document).ready(function() {
// $(".sort").sortable({
// revert: true
// });
$(".drag").draggable({
//connectToSortable: ".sort",
revert: true
//helper: clone
});
$(".sort").droppable({
drop: function(event, ui) {
if (!($(this).children(".drag").size() == 1)) {
$(this).append(ui.draggable);
ui.draggable.css({
left: 0,
top: 0
});
}
}
});
});
<div>Group 1:
<ul class="parent">
<li class="sort"><a href="" class="drag">event 1</a></li>
<li class="sort"><a href="" class="drag">event 2</a></li>
<li class="sort"></li>
</ul>
</div>
<div>
Group 2
<ul class="parent">
<li class="sort"></li>
<li class="sort"><a href="" class="drag">event 3</a></li>
<li class="sort"><a href="" …Run Code Online (Sandbox Code Playgroud) 如果选中了复选框,我想切换div并禁用输入框.此代码适用于切换DIV,但不会重新启用输入框.这在升级到jQuery 1.9之前有效.
有任何想法吗?
$(".myLink").on("click", function(){
$(".newDiv").toggle(); // Toggle the div to show/hide
$(".myInput").val('').prop('disabled', $(this).attr('checked')); // Disable the input box if the checkbox is checked.
});
Run Code Online (Sandbox Code Playgroud) SQL不是我的强项,但我无法弄清楚为什么这不起作用.我只想根据值运行不同的AND语句.具体来说,如果foo = 0,我想更改dateDiff函数中的datePart
SELECT foo,
bar,
test
FROM table
WHERE bar = 1,
CASE WHEN foo = 0
AND dateDiff(dd, getDate(), 2 ) < test
ELSE
AND dateDiff(hh, getDate(), 2 ) < test
END
Run Code Online (Sandbox Code Playgroud) 我有一个实例,我想根据点击更改文本和选择框的状态.
$("#foo").click(function(){
$("#mytext").toggle();
$(this).text($(this.text() == 'on' ? 'off' : 'on');
// here i also want to enable and disable a select box, not sure how to do this other then checking if the value of (this).text is on or off.
});
Run Code Online (Sandbox Code Playgroud)
非常感谢!
如果我在元素中有一串文本,那么如果该文本与给定字符串匹配,jQuery中返回的最有效方法是什么.
例如,
<div id="myDiv">This is a test</div>
$("#myDiv").eq("This is as test"); // returns true or false
Run Code Online (Sandbox Code Playgroud)
但是eq不是正确的功能
我想在用户点击链接时向我的JSON添加一个新行.这是我的javascript:它没有错误,但我没有在我的警报中获得更新的JSON.
$(document).ready( function(){
people = {
"COLUMNS":["NAME","AGE"],
"DATA":[
["Jon","16"],
["Jerry","23"]
]
}
members = people.DATA;
var nc = "<table border=1 width=500><tr><td>name</td><td>age</td><td></td></tr>";
for(var i=0;i<members.length;i++)
{
nc+= '<tr><td>' + members[i][0] + '</td>';
nc+= '<td>' + members[i][1] + '</td>';
nc+= '<td><a href="" class="addlink">add a new person</a></td></tr>';
}
nc += "</table>";
$("#result").html(nc);
$(".addlink").click( function(){
// add another row to our JSON
people.DATA['NAME'] = "new";
people.DATA['AGE'] = "99";
alert(people.DATA);
return false;
});
});
Run Code Online (Sandbox Code Playgroud) jquery ×10
javascript ×6
ajax ×2
case ×1
download ×1
draggable ×1
droppable ×1
file ×1
html ×1
json ×1
sql ×1
sql-server ×1
toggle ×1
validation ×1
where ×1