我从服务器得到的是一个父对象列表，每个父对象由零个或多个子对象组成。有点像下面这样
var data = [{
"Id" : 1,
"permissionValue" : 7,
"child" : { //only one child object for simplicity
"Id" :2,
"permissionValue" : 7
}
}];
我想将此数据加载到 jQuery 数据表中。实现一个 rowCallback 函数（添加一些 CSS 类），如下所示：
tableOptions.rowCallBack = function(row,data,index){
var api = this.api();
api.rows.add(data.child).draw(); //not sure whether draw is necessary
};
tableOptions.data = data;
that.dataTable = $("#dataTable").DataTable(tableOptions);
不出所料，只有父对象会加载。我明白这不是数据应该如何传递的方式。尽管如此，了解这种分层数据是否可以通过努力来显示仍然是件好事。
使用 jQuery UIMonthPicker http://jsfiddle.net/kidsysco/JeZap/，我在尝试月份选择事件时遇到困难。onClose 或 onSelect 函数均无响应。这是我的代码：
j$ = jQuery.noConflict();
j$(document).ready(function() {
j$('#txtDate').MonthPicker({
ShowIcon: false,
MaxMonth: 0,
MinMonth: -120,
onSelect: function() {
alert(j$("#txtDate").val());
}
});
j$("#txtDate").keydown(false);
j$("#txtDate").change(function(){
alert(j$("#txtDate").val());
});
});
我正在使用RubyOnRails,所以我的所有样式表都应该自动包含.
我想让我的下拉列表更加用户友好,我选择了Chsen插件.
这是我的页面代码:
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/chosen.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen.jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen.jquery.min.js?body=1" type="text/javascript"></script>
<script src="/assets/static_pages.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
所以包括javascripts和样式表,是吗？
我的HTML代码(来自exmple):
<select tabindex="1" style="width:350px;" data-placeholder="Choose a Country">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
</select>
在我的application.js文件中:
$(document).ready(function(){
$(".chzn-select").chosen();
});
在Google控制台中没有错误,但在我的页面中它显示为默认选择列表.为什么？
jQuery没有按照它应该的方式工作,完全忽略了逻辑.
如果我单击一个链接,它会显示给定的描述,并淡化其他菜单.
如果我再次单击相同的链接,它应该隐藏该描述,并淡化其他链接.
但它只是隐藏文本,并且不会淡化它们.
当从控制台单独运行代码时,当您单击段落旁边的空白时,它可以正常工作.
jQuery的:
$('a[class]').click(function(){
var clas = $(this).attr('class');
$('#'+clas.substring(0,2)).fadeTo('fast',1).removeClass('faded');
$('p:not(#'+clas.substring(0,2)+')').fadeTo('fast',0.3);
$('.ans:visible').toggle('slow');
$('#'+clas.substring(0,2)+'a'+':hidden').fadeIn('slow');
$('p:not(#'+clas.substring(0,2)+')').addClass('faded');
return false;
});
$('p:not(p.faded)').click(function(){
$('.ans:visible').toggle('slow');
$('p[class="faded"]').fadeTo('fast',1).removeClass('faded');
});
HTML:
<p id="q1">1. <a class="q1">Nem látom a kedvenc karakterem, hozzá tudod adni?</a>
<br>
<span id="q1a" style="display:none;" class="ans">
Persze. Írj egy e-mail-t a <a href="mailto:djdavid98+mlptoday@gmail.com?subject=MLP Today Karakterkérés" target="_blank">djdavid98@gmail.com</a> címre a karakter nevével.
<br>
<span style="color:red">OC-kat és fillyket NEM adok hozzá.</span>
</span>
</p>
<p id="q2">2. <a class="q2">Hogyan tudok karaktert választani?</a>
<br>
<span id="q2a" style="display:none;" class="ans">
Látogass el a …我正在编写一个jQuery插件,它挂钩滚动和拖动事件,并在触发相关事件时旋转元素指向另一个元素.基本上我的插件只检测事件,计算正确的角度,并使用第三方插件相应地旋转元素.为了更好的解释,您可以看到我的插件的演示.
我不想强制使用某个旋转插件,因此旋转功能的名称可能会有所不同.目前我正在使用eval来允许自定义函数名称,但我想找到另一种方法.我试过谷歌搜索,但到目前为止还没有找到解决方案.
那么,有没有办法解决这个问题？旋转函数的名称存储在settings.rotateFunction中:
eval("$(this)." + settings.rotateFunction + "(angle)");
到目前为止,我已经尝试了"new Function(codeToEval)"方法,但由于某种原因这打破了$(this)的使用.
嗨,我正在扩展现有插件以使用静态JSON而不是从服务器加载它.这是扩展程序的精简版:
(function ($) {
$.fn.MyExtension = function (options) {
return this.each(function () {
if (opts.load_Json) {
$.get("", function (result) {
fromJson(opts.load_Json)
});
}
var fromJson = function (json) {
// json stuff..
}
});
});
如果我在没有回调的情况下直接删除$.Get和调用,fromJson我会收到错误消息,说明fromJson未定义.这必须是某种形式的范围问题,但我不能解决它？
嗨,我是jQuery的新手.有些人可以告诉我如何在项目中使用JAlert.请帮忙.日Thnx
PS
嗨,我已经在netbeans项目中使用它.但它不起作用
<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" src="jquery.jalert.js" ></script>
<link href="jalert.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script>
function hello()
{
jAlert('Price should be blocks of 10 cents', 'FAILED', );
}
</script>
</head>
<body>
<form name="accounts" method="POST" action="test.jsp">
<input type="button" name="clientAccount" value="click" onclick=hello()>
</form>
</body>
</html>
可以sombody告诉我有什么问题
我正在使用以下链接中的daterangepicker插件:http: //www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/
它本身工作正常,但我希望将其合并到datatables插件中,以便按单个日期或范围过滤记录.
我在数据表中有一个日期列,它与daterangepicker具有相同的dateformat(每个记录只有一个日期).
有没有人有任何整合这个想法？任何帮助/建议都会很棒,提前谢谢.
我使用以下代码从 XML 动态添加了表：
$.ajax({
type: "GET",
url: "../datas/_pizzas",
dataType: "xml",
success: function(xml) {
$(xml).find('row').each(function() {
var getNom = $(this).find('nomp').text();
var Prix1 = $(this).find('petit').text();
var Prix2 = $(this).find('moyen').text();
var Prix3 = $(this).find('grand').text();
$('<table id="item"></table>').html('<tr><td id="test" onclick="afficher(\''+getNom +'\','+Prix1+','+Prix2+','+Prix3+');"><b>' + getNom + '</b></td></tr>').appendTo('#pizzas');
});
}
});
我需要限制页面上的数量。如果可能的话，有一个索引导航。我正在寻找一个可以解决问题的分页插件，但我还没有找到任何适合我的，太多无用的配置，或者对我来说不可读。
有人有代码或帮我解释一下吗？？？
我下载了一个JQuery UI模板并将其上传到服务器.它在本地工作,但不在服务器上.
有谁知道我错过了什么？
谢谢
我在我正在开发的网站上设置了Ad Gallery(基于Jquery的图库插件,请参阅http://coffeescripter.com/code/ad-gallery/).在最近的浏览器中一切正常工作..唯一的问题是IE7抛出JS错误并停止执行脚本.
我没有访问IE7的调试工具,所以我无法真正调查问题.
任何jquery插件或原始代码可用于"拖放"图像上传？就像我们在Gmail文件附件中看到的那样.