Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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_Jquery Isotope - Fatal编程技术网

Jquery 基本概念缺失

Jquery 基本概念缺失,jquery,jquery-isotope,Jquery,Jquery Isotope,很明显,我对jquery的一些基本知识还不太了解,甚至不知道该怎么称呼它。我将冒险使用“包装集”,现在将使用该术语 我的场景是:使用jquery同位素创建顶部带有字母按钮a-Z的语言词典 <div id="container"> <div class="element"> (say, 100 of these) <div class=titlePE></div> a few other divs &l

很明显,我对jquery的一些基本知识还不太了解,甚至不知道该怎么称呼它。我将冒险使用“包装集”,现在将使用该术语

我的场景是:使用jquery同位素创建顶部带有字母按钮a-Z的语言词典

<div id="container">
    <div class="element"> (say, 100 of these)
        <div class=titlePE></div>
        a few other divs
    </div>
</div>

(例如,其中100个)
其他几个部门
在我看来,包装集是累积的,因为它将每个新的瓷砖集添加到整个瓷砖中。当我尝试为我的瓷砖编号时,这一点变得很清楚:

$(".letter").click(function() {
    $('.element').each(function(index) { // NUMBERS INCREMENTAL
         $(this).find('.titlePE').before('<p class="number">' + index + '</p>');
    }); 
});
$(“.letter”)。单击(函数(){
$('.element')。每个(函数(索引){//NUMBERS递增
$(this).find('.titlePE')。在('

'+index+'

')之前; }); });
第一个字母集A:1,2,3。。。第二个B:100101。。。等等。返回到A:1,2,3。。。B:100。。。我尝试了$('.element').detach();(空,删除)并按预期编号为:0、1、2

问题:

1) 我假设从0,1,2。。。包装集是否为数组?我理解固有的迭代,但总的来说是有效的。是否可以隔离特定的字母集、数组子集;比如说字母[2]或.element[0][2]-或者类似的词

2) 如果包装集是累积的,那么如何测试是否已加载特定的字母集,并避免每次单击字母时都加载ajax?这让我想,‘为什么不一开始就加载所有数据?’——假设我可以在点击时抓取一个字母集,如上面1)所示?我猜第一级a-Z演示总共会有大约800kb的数据。没那么大。两个问题?2a 2b


我在谷歌上搜索了我的两本书,大致上抓取了身体的各个部位,但一切似乎都与固有的迭代有关,一块数据。我很抱歉,如果这一切不适当地徘徊,但希望你能给我一些方向或梳理出我的想法进一步或给我一些关键字或jquery函数,我可以研究。我需要一些东西。一个新的爱好:)我渴望学习,因此任何指导都将不胜感激。非常感谢您阅读了本文。

是的,此DOM查询的结果是一个匹配元素的jQuery包装数组,数组元素的顺序基于每个元素在DOM中的位置。如果要过滤返回的数组,可以使用jQuery的方法。要检查特定元素是否存在,可以使用属性


要自动同步返回的集合,可以使用
console.log()
/
console.dir()

jQuery将根据您提供的选择器返回结果集。返回的jQuery对象由与提供的选择器匹配的DOM元素数组支持

您可以(并且应该在使用同位素时)为元素指定其他类以帮助选择。它不必是类——同位素可以与任何jQuery选择器一起使用,但基于类的选择器将更有效。这也是本报告中使用的一般方法

例如,在
a
集中添加元素时,为其指定类
a

生成的HTML如下所示:

<div id="container">
    <div class="element a">…</div>
    <div class="element a">…</div>
    <div class="element b">…</div>
    <div class="element b">…</div>
    …
</div>

那么,是否没有明确的块分隔?这个能被设置为onload吗。。。先筛选然后长度>1=是否存在集合?我将阅读更多关于过滤器选项的内容。问题2b-加载800k数据v的单个加载的效率?@Arfa如果按块,你是指子元素如果是包装元素,是的,你可以选择块的子元素,就像使用CSS选择器一样,可以在页面加载时完成。嗯,我会单独加载它们,对我来说,800kb对于ajax请求来说是一个很大的尺寸。好了,有点雾正在消散。我仍然需要更多地使用它并读取,但似乎数据是作为单个块加载的,并根据需要进行处理-过滤器、选择器。。。每点击一个字母都会添加到包装的整体中(这就是它的名称吗?)。800k-是,最好的测试然后加载。我会检查dc5的答案,如果可以的话?你有很多巧克力点。令人惊叹的。我知道我现在已经15岁了!(和计数)。大家都竖起大拇指。是的,我只是读了一点关于过滤器的内容,并设置了class=A等。更侥幸的是,没有计划:)重复下面的评论(以防你遗漏),所以,没有明确的块分隔?这可以设置为onload吗?当使用同位素时,我会使用基于类的选择器-它们可以设置为onload。使用这种方法,您可以根据您提供的jQuery和/或同位素选择器获得不同的列表:即:所有a元素==>$('.element.a')、所有a&b元素==>$(.element.a、.element.b)。虽然我还没有明确尝试在不同的容器中使用同位素子元素,但这可能是可能的,但我猜你会花更多的时间来尝试如何在该模型中使用同位素。回复速度比我能键入的快:)我对此有点了解,还有一些作业要做。没有方向像。。。迷路的谢谢
if($('.a').length)  // if truthy (non-zero) this set is loaded