小编Cal*_*Eby的帖子

我开始使用的JavaScript代码:

function doSomething(url) {  
   $.ajax({
      type: "GET",  
      url: url,  
      dataType: "xml",  
      success: rssToTarget  
   });  
}    

我想使用的模式:

//where elem is the target that should receive new items via DOM (appendChild)
function doSomething(url, elem) {
   $.ajax({
      type: "GET",
      url: url,
      dataType: "xml",
      success: rssToTarget(elem)
   });
}  

我不认为我可以通过这种方式获得回调,对吗？什么是正确的模式？我不想使用全局变量来暂时保存elemor elem名称.

我试图使用jQuery AJAX调用预加载一些图像,但是在将(url)字符串传递给AJAX调用的成功函数中的函数时遇到了实际问题(如果这是有道理的).

这是我的代码:

//preloader for images on gallery pages
window.onload = function() {
    setTimeout(function() {     
        var urls = ["./img/party/"]; //just one to get started

        for ( var i = 0; i < urls.length; i++ ) {
            $.ajax({
                url: urls[i],
                success: function(data,url) {
                    $(data).find("a:contains(.jpg)").each(function(url) {                               
                        new Image().src = url + $(this).attr("href");
                    });
                }
            });
        };  
    }, 1000);
};

我可以看到我的(失败的)尝试将url传递到.each()调用中 - url最终获取增加整数的值.不知道为什么或这些与什么有关,也许是jpg文件的数量？

...无论如何,它当然应该采用我的原始urls数组中的单个值.

感谢您的帮助 - 我似乎总是对这些回调产生一些影响.

陆侃？

所以,我喋喋不休地听了@ron tornambe和@PiSquared的评论,目前我在这里:

//preloader for images on gallery pages
window.onload = function() { …

我想创建一组不同高度的卡片，但我无法显示它们，因此在较短的卡片下方没有额外的空间。

我希望它看起来像这样：

我不想让卡片伸展以填充空间。我希望下面的卡片向上滑动以填充空间。

这可以用纯 CSS 实现吗？如果没有，我将如何使用 Javascript 做到这一点？

这里有一些工作：http : //codepen.io/calebeby/pen/LGaVoL

.row {
    @include display(flex);
    @include flex-wrap(wrap);
}

我有一个带引导程序的表单:

<form class="form-inline">
          <div class="form-group barkodiK">
            <input type="text" class="form-control barkodi" placeholder="Barkodi">
          </div>
          <div class="form-group produktiK">
            <datalist id='produktet'></datalist>
            <input list="produktet" class="form-control produkti" onkeyup="merrProduktet(this)" placeholder="Produkti">
          </div>
          <div class="form-group pershkrimiK">
            <datalist id='pershkrimiProdukteve'></datalist>
            <input list="pershkrimiProdukteve" class="form-control pershkrimi" placeholder="Pershkrimi">
          </div>
          <div class="form-group cmimiK">
            <input type="text" class="form-control cmimi" readonly placeholder="Çmimi">
          </div>
        </form>

这个表格给了我这个结果:

但是,如果我在编辑器行中进行此更改,它也会更改结构:

<form class="form-inline">
          <div class="form-group barkodiK">
            <input type="text" class="form-control barkodi" placeholder="Barkodi">
          </div>
          <div class="form-group produktiK">
            <datalist id='produktet'></datalist>
            <input list="produktet" class="form-control produkti" onkeyup="merrProduktet(this)" placeholder="Produkti">
          </div><div class="form-group pershkrimiK">
            <datalist id='pershkrimiProdukteve'></datalist>
            <input list="pershkrimiProdukteve" class="form-control pershkrimi" placeholder="Pershkrimi"> …