Question

function inside_out(folder){
    var typebox = document.getElementById("typebox");
    var Loader = document.getElementById("thumbnail_loader");
    var hr = new XMLHttpRequest();
    hr.open("POST", "json_type_data.php", true);
    hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
            var d = JSON.parse(hr.responseText);
            typebox.innerHTML = "";
            for(var o in d){
                if(d[o].src){
                    //create image
                    typebox.innerHTML += "<div class='typebox'><img id='typeImg' width='30px' height='30px' src="+d[o].src+"></div>";
                }
            }
        }
    }
    hr.send("folder="+folder);
}

抱歉，我已经做过研究，但我仍然不知道如何在我的innerHTML中添加fadein，任何人都可以给我一个线索，我的意思是当xml完成加载时，那些图像会淡化。

我尝试了jquery fadein，但我可以让它工作，我使用的是jquery 1.9.1

Answer 1

试试这个：

runCommand("/usr/bin/python" , args: folderPath + selecteditem)

Answer 2

不建议重构工作代码。但是，如果您打算使用jQuery做一些简单的事情，比如淡入淡出。为什么不使用jQuery来让所有更难的东西更容易？

function inside_out(folder) {
  var typeboxJQS = $('#typebox');
  var Loader = $("#thumbnail_loader");
  $.ajax({
        url: "json_type_data.php",
        dataType: "json",
        type: "POST",
        data: "folder=" + folder,
        success: function(d){
            var temp = '';
            typeboxJQS.html('').fadeOut();
            for (var o in d) {
                 if (d.hasOwnProperty(o) && d[o].hasOwnProperty('src') && d[o].src !== '') {
                     temp += "<div class='typebox'><img id='typeImg' width='30px' height='30px' src=" + d[o].src + "></div>";
                 }
            }
            typeboxJQS.html(temp).fadeIn();
        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            console.log("textStatus = " + textStatus + "\terrorThrown = " + errorThrown);
        }
    });
}

如何在innerHTML中添加jquery fadein

2 个答案: