小编Zak*_*rki的帖子
DataTables Uncaught TypeError:无法设置未定义的属性"0"
我有一个转发器,用DataTables图书馆包装它.这是以下js函数.
function createDataTable() {
$(document).ready(function() {
$('#tblMessages').dataTable({
"sPaginationType": "full_numbers",
"sDom": '<"clreol"lf><"scrollable_datatable"rt><"clreol"ip>',
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false,
"bAutoHeight": false,
"bSort": false,
"bStateSave": true,
"iCookieDuration": 60*60*24
});
});
}
我完全没有分页只是转发器右侧的滚动条.我在控制台上得到了这个:
Uncaught TypeError: Cannot set property '0' of undefined jquery.dataTables.min.js:366
Y jquery.dataTables.min.js:366
(anonymous function) jquery.dataTables.min.js:454
jQuery.extend.each jquery.min.js:21
jQuery.fn.jQuery.each jquery.min.js:12
i.fn.dataTable jquery.dataTables.min.js:434
(anonymous function) Message.aspx:156
jQuery.fn.extend.ready jquery.min.js:26
createDataTable Message.aspx:152
怎么了？我该怎么办？
5
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
jQuery - 查找动态创建的元素，无需事件
这个问题以前有人问过，答案是这样的：
$('#container').on('click','#dynamicElement', function(){ /* the code */ });
上面的代码会找到#dynamicElement在单击时找到 。但是如果没有点击，也没有任何其他事件怎么办？
假设以下场景：
$.ajax(
url:'file.php',
data: {'param':'value'},
success: function(response){
/*
how would I get #dynamicElement if it was not click on?
the element had no event fired at all, nor had any of its parennt
containers.
Now what?
*/
}
);
5
推荐指数
推荐指数
1
解决办法
解决办法
7005
查看次数
查看次数
Laravel，ajax发布后更新字段
我正在制作一个类似的小型系统。我已经成功地向我的数据库发送了一个ajax帖子，其中我用1增加了tblarticles。row.like现在在我发送ajax帖子的同一页面上，我想在每次ajax帖子之后更新该字段的值。现在我的问题是我需要刷新，然后才能看到 1 而不是标准的 0
阿贾克斯邮政
$.ajax({
url:"articles" ,
type: "post",
data: {
'user_id':userid[0].value,
'article_id':articleid[0].value,
'user_id_fk':useridarticle[0].value,
'_token': token[0].value
},
success: function(data){
console.log(data);
}
});
看法article/index.blade.php
@foreach($articles as $article)
<div class="work-container">
<article class="work-item">
<a href="{{action('HomeController@showArticle', [$article->id, $article->title])}}" class="work-thumbnail">
<img src="/articlePics/{{$article->image}}" alt="work-item">
</a>
<div class="work-info">
<span class="user">{{$article->title}}</span>
<div class="actions">
<form id="actionForm" action="" method="post" role="form">
<input type="hidden" name="articleId" value="{{$article->id}}">
<input type="hidden" name="userIdFk" value="{{$article->user_id}}">
<input type="hidden" name="userID" value="{{Auth::id()}}">
<input type="submit" name="like" class="likeBtn" id="test" value="Like">
<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
</form> …5
推荐指数
推荐指数
1
解决办法
解决办法
3556
查看次数
查看次数
如何限制jQuery UI连接的列表拖放到单个方向
我正在使用jQuery UI Connectedlist
在这里拖放从左到右以及从右到左都可以正常工作。
如何禁用从右到左？从左到右，它只能工作一种方式。
我还需要排序以使ul黄色项目（如灰色项目）仍能正常工作。
$(function() {
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});#sortable1, #sortable2 {
border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
float: left;
margin-right: 10px;
}
#sortable1 li, #sortable2 li {
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 120px;
}<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Sortable - Connect lists</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" …javascript jquery drag-and-drop jquery-ui jquery-ui-sortable
5
推荐指数
推荐指数
1
解决办法
解决办法
711
查看次数
查看次数
禁用基础手风琴的可点击性
我有一个像这样的基础手风琴.
<ul class="accordion" data-accordion>
<li class="accordion-navigation">
<a href="#panel1a">Accordion 1</a>
<div id="panel1a" class="content active">
Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</li>
<li class="accordion-navigation">
<a href="#panel2a">Accordion 2</a>
<div id="panel2a" class="content">
Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore …5
推荐指数
推荐指数
1
解决办法
解决办法
1541
查看次数
查看次数
我的jQuery代码找到第一个父代有什么问题？
我正在开发一个具有树视图菜单的小应用程序,所以这是html:
<ul class="sidebar-menu">
<li class="active"><a href="javascript:;"> ELEMENT 1 </a></li>
<li class="treeview">
<a href="javascript:;"> ELEMENT 2 <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
<ul class="treeview-menu">
<li><a href="javascript:;"> ELEMENT 2.1 </a></li>
<li><a href="javascript:;"> ELEMENT 2.2 </a></li>
</ul>
</li>
<li><a href="javascript:;"> ELEMENT 3 </a></li>
</ul>
我正在尝试突出显示单击的li元素,将.active类添加到其中.但是,当您单击子元素时,我还要突出显示父元素.例如,如果您单击ELEMENT 2.1我想要突出显示的那个ELEMENT 2.
这是我要获取的jQuery代码,首先是单击的元素,然后它是li parent(:not由于其他原因,我不能在没有选择器的情况下执行此操作:
$(".sidebar-menu").on("click", "li:not(.treeview)", function(e){
$(e.delegateTarget).parents("li").first();
}
if语句按预期工作,但第二行总是undefined在控制台中给出错误.
5
推荐指数
推荐指数
1
解决办法
解决办法
81
查看次数
查看次数
Javascript/jquery - 从字符串中获取第一个和最后一个单词然后用类包装
所以我有一个blockquote:
<blockquote>
<p>We seek to innovate: not for the sake of doing something different, but doing something
better.</p>
</blockquote>
我需要做的是抓住字符串中的第一个和最后一个字.然后我需要<span class="firstWord"></span>在第一个单词和<span class="lastWord"></span>句子中的最后一个单词周围.
仅供参考 - 文本将不断变化,因此第一个和最后一个单词将永远不会是同一个单词.
有没有办法让我这样做？
5
推荐指数
推荐指数
1
解决办法
解决办法
1151
查看次数
查看次数
使用jQuery将所选选项设置为多个列表
我有一个DB列表,显示在选择多个标签中:
<select multiple="multiple" id="list" name="color">
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Blue</option>
<option value="4">Magenta</option>
<option value="5">Black</option>
<option value="6">Cyan</option>
<option value="7">Yellow</option>
</select>给定来自DB的值数组,需要仅选择在DB数组中找到的那些项,例如[2,4,7].如何使用jQuery推送attr('selected')这些选项标签？
<select multiple="multiple" id="list" name="color">
<option value="1">Red</option>
<option value="2" selected="selected">Green</option>
<option value="3">Blue</option>
<option value="4" selected="selected">Magenta</option>
<option value="5">Black</option>
<option value="6">Cyan</option>
<option value="7" selected="selected">Yellow</option>
</select>像上面一样.
5
推荐指数
推荐指数
1
解决办法
解决办法
123
查看次数
查看次数
Jquery 和 html:: 获取最近的数据属性
这是我现在正在处理的一段类似的代码：
<div class="gallery-category">
<h2 data-gallery="Exterior">
<span class="gallery-back"></span>
Exterior
</h2>
<div class="gallery-items-wrap">
<div class="gallery-image-tile">
<div class="gallery-img" data-analytics="photo-click">
<picture>
<source srcset="/content/image/image1.jpg">
</picture>
</div>
</div>
</div>
</div>
<div class="gallery-category">
<h2 data-gallery="Interior">
<span class="gallery-back"></span>
Interior
</h2>
<div class="gallery-items-wrap">
<div class="gallery-image-tile">
<div class="gallery-img" data-analytics="photo-click">
<picture>
<source srcset="/content/image/image2.jpg">
</picture>
</div>
</div>
</div>
</div>
Exterior如果我点击图像，我必须获得价值image1.jpg。我创建了数据属性data-gallery并试图通过使用$('[data-gallery]').data("gallery")但只获取第一个值来获取值。
我需要的是这样的：
单击image1获取值“外部”。
单击image2获取值“内部”。
提前致谢
5
推荐指数
推荐指数
1
解决办法
解决办法
1372
查看次数
查看次数
jQuery和load().无法更改已加载类中的内部HTML
我正在尝试通过此函数更改已加载div中的内部HTML:
$("#container").load("site.php");
在site.php我有<div class="users_count">,我想在其中加入一些文字.我正在尝试使用,$(".users_count").html("TEST")但由于jQuery没有看到.users_count类,所以无法完成.
我听说过jQuery on(),live()但它需要一些事件click, keyup etc...
我需要在没有任何事件的情况下在这个div中添加一些文本 - 只需在我的函数中执行它而无需用户操作.
5
推荐指数
推荐指数
3
解决办法
解决办法
1434
查看次数
查看次数