Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何根据图像将六列按行排列?_Jquery_Json_Webmethod - Fatal编程技术网

Jquery 如何根据图像将六列按行排列?

Jquery 如何根据图像将六列按行排列?,jquery,json,webmethod,Jquery,Json,Webmethod,我尝试将图像排列成六列,就像这样,但它会重复图像 $(document).ready(function () { alert('Hello'); $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Default4.aspx/BindDatatable", data:

我尝试将图像排列成六列,就像这样,但它会重复图像

$(document).ready(function () {
        alert('Hello');
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "Default4.aspx/BindDatatable",
            data: "{}",
            dataType: "json",
            success: function (data) {
                var imgs;
                for (var i = 0; i < data.d.length; i++) {
                    $("#gvDetails").append("<tr><td><img src=" + data.d[i].ImagePath + " height='60px' width='100px' ></img></td><td><img src=" + data.d[i + 1].ImagePath + " height='60px' width='100px' ></img></td><td><img src=" + data.d[i + 2].ImagePath + " height='60px' width='100px' ></img></td><td><img src=" + data.d[i + 3].ImagePath + " height='60px' width='100px' ></img></td><td><img src=" + data.d[i + 4].ImagePath + " height='60px' width='100px' ></img></td><td><img src=" + data.d[i + 5].ImagePath + " height='60px' width='100px' ></img></td></tr>");
                }                                                                
            },
            error: function (result) {
                alert("Error");
            }
        });
    });
$(文档).ready(函数(){
警惕(“你好”);
$.ajax({
类型:“POST”,
contentType:“应用程序/json;字符集=utf-8”,
url:“Default4.aspx/BindDatatable”,
数据:“{}”,
数据类型:“json”,
成功:功能(数据){
var-imgs;
对于(变量i=0;i

那么,如何避免重复图像,并根据图像计数进行排列呢?

试试这种改变成功功能。注意(我不知道你的数据返回是什么)它可能对你有用

success: function (data) {
        var el = "<tr>";
        for (var i = 0; i < data.d.length; i++) {
        if ( i%6 == 0 ) {
            el += "</tr><tr>"
         }
        el += "<td><img src=" + data.d[i].ImagePath + " height='60px' width='100px' /></td>");
        } 
        el += '</tr>';
        $("#gvDetails").append( $(el) );                                                               
    }
成功:函数(数据){
var el=“”;
对于(变量i=0;i
for(var i=0;i
为什么这样?更改为
for(var i=0;i
data[i].ImagePath
-->以获取路径数据是什么?能否显示数据json
$.ajax({type:“POST”,contentType:“application/json;charset=utf-8”,url:“Default4.aspx/BindDatatable”,数据:“{}”,数据类型:“json”,成功:函数(数据){var imgs;for(var i=0;i
试试这个,你的代码运行得很成功..thanq..但是如果我想在另一行中添加一个标签标签,那么我想这样显示。
';el+=“”+data.d[i].ImageAssignedName+“”;但是对于很长的标签文本,我不能逐字打断