小编Jas*_*lls的帖子

remove()函数中的jQuery回调

我需要在从页面中删除DIV后调用一个函数.

我试过添加一个像这样的回调,但没有运气.有什么建议?

$(foo).remove( function() {
   stepb();
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

10
推荐指数
1
解决办法
1万
查看次数

在$ .ajax成功中通过JSON迭代

当用户单击按钮时,我想返回一些数据并遍历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行,一个未定义)错误.我究竟做错了什么?

javascript ajax jquery

9
推荐指数
2
解决办法
3万
查看次数

jQuery AJAX与IE8

我试图通过$.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)

ajax jquery internet-explorer-8

6
推荐指数
1
解决办法
7006
查看次数

使用Ajax下载JQuery文件

当我的用户选择生成报告时,我正在使用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 file download

5
推荐指数
1
解决办法
4万
查看次数

在jQuery Validate中创建自定义规则

我想为jQuery验证添加一个自定义规则,虽然我已经检查了文档,但我还是无法找到如何执行此操作.

我想循环一组隐藏的表单字段.如果fields值为"X",那么我想在字段中附加一个错误类.

基本上就是这样,但作为规则添加到jQuery验证.

$(".myHiddenField").each( function() {
   if($(this).val() == "x") {
    $(this).closest(".foo").appendClass("error");
   }
});
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery

5
推荐指数
2
解决办法
3万
查看次数

jQuery可以使用droppable进行排序

我的小提琴: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)

jquery droppable draggable jquery-ui-sortable

3
推荐指数
1
解决办法
3576
查看次数

在jQuery中禁用Toggle上的输入

如果选中了复选框,我想切换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)

javascript jquery

3
推荐指数
1
解决办法
255
查看次数

SQL Server 2012 - where子句中的Case语句

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)

sql sql-server case where sql-server-2012

3
推荐指数
3
解决办法
2万
查看次数

jQuery - 启用/禁用toggle()中的选择框;

我有一个实例,我想根据点击更改文本和选择框的状态.

$("#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 toggle

1
推荐指数
1
解决办法
3064
查看次数

在选择器中返回JQuery中的true或false?

如果我在元素中有一串文本,那么如果该文本与给定字符串匹配,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不是正确的功能

html javascript jquery

1
推荐指数
1
解决办法
117
查看次数

向JSON添加一行

我想在用户点击链接时向我的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)

javascript jquery json

0
推荐指数
1
解决办法
9931
查看次数