Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.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
Javascript jquery和Jplist jquery插件表数据,包含多个页面_Javascript_Jquery - Fatal编程技术网

Javascript jquery和Jplist jquery插件表数据,包含多个页面

Javascript jquery和Jplist jquery插件表数据,包含多个页面,javascript,jquery,Javascript,Jquery,您好,我对行$('.list item')有问题。不是($this)。removeClass('selected')导航时,它不适用于其他页面中存在的div。谢谢你的帮助 在JPList插件中,当您导航时只替换div元素的内容,而不是完整的div。因此,您必须在导航或任何此类事件时重置所选的类 使用默认选项初始化插件时,请使用“重画回调” i、 e $( '#list' ).on( "click", ".list-item", function( event ) { event.prev

您好,我对行
$('.list item')有问题。不是($this)。removeClass('selected')导航时,它不适用于其他页面中存在的div。谢谢你的帮助

JPList
插件中,当您
导航时
只替换div元素的内容,而不是完整的div。因此,您必须
在导航或任何此类事件时重置所选的类

使用默认选项初始化插件时,请使用
“重画回调”

i、 e

$( '#list' ).on( "click", ".list-item", function( event ) {
    event.preventDefault();
    console.log( "toto" + $(this).text());
    var $this = this;
    $(this).addClass('selected');
$('.list-item').not($this).removeClass('selected');
});
上述代码将在div时重置所选的类

并将代码更新为

redrawCallback: function() {
  $('.list .selected').removeClass('.selected');
}

尝试这种方法,因为这将首先从元素中删除现有的
selected
类,并将
selected
类添加到单击的元素中

我不知道特定的插件,但我查看了它,它似乎将“其他”页面缓存在某个地方,而这些页面没有显示出来。在执行脚本时,DOM中不存在元素

每次插件加载页面时,您都必须运行类似于您的代码:

$( '#list' ).on( "click", ".list-item", function( event ) {
    $('.list .selected').removeClass('selected');
    event.preventDefault();
    console.log( "toto" + $(this).text());
    var $this = this;
    $(this).addClass('selected');
});

这仅在您的更改也被缓存的情况下有效,否则您将不得不在javascript中保存所选元素,并在插件每次显示页面时重新选择它。

您所说的其他页面是什么意思?请澄清。您好,我有一个带有索引页的数据表,每个页面包含10个div的图像,我使用jquery plufin,其中按页面排序jplist是插件的名称。请添加更多信息,如索引页的HTML以及您在事件中尝试做什么?谢谢,但它不起作用。第一页中选定的div保持选中,另一页中的另一个div也保持选中…另一页中的div被选中,因为该div保持不变,仅替换内容。因此,当您使用默认选项初始化jplist插件时,添加
redrawCallback:function(){$('.list.selected').removeClass('.selected');}
这将帮助您!我要找到一个重画回调的解决方案是的!我现在明白了,但我需要保持div处于选中状态,而我没有在另一个页面中选择div。谢谢,但我不太了解解决方案…我将在doc plugin wich event offer中搜索。
// event "loadNewPage" is not an actual event; you will have to figure out which callbacks/hooks/events your plugin offers
$( '#list' ).on( "loadNewPage", function( event ) {
    $('.list-item').removeClass('selected');
});