我有这个简单的jquery代码.点击它获取标签的URL,在当前内容旁边加载该页面,滑动它并删除旧内容.页面的状态与以前完全相同,相同的元素没有额外的类或样式.问题是下一个ajax调用不起作用.也许我需要.unbind()一些东西？
我是jquery和javascript的新手,所以我很丢失.非常感谢你的帮助 :)
<script type="text/javascript">
$(document).ready(function(){
loadPage();
});
function loadPage(url) {
if (url == undefined) {
$('body').load('index.html header:first,#content,footer', hijackLinks);
} else {
$.get(url , function(data) {
$('body').append(data);
$('body>meta').remove();
$('body>link').remove();
$('body>title').remove();
$('body').append(direction);
sm = $(window).width();
if(direction == "leftnav"){
$('body>header:last,body>#content:last,footer:last').css("left", "-" + sm + "px");
footerheight = $('body>#content:last').outerHeight(false) + $('body>header:last').outerHeight(true) ;
$('footer:last').css("top", footerheight);
$('body>header,body>#content,footer').css("-webkit-transition-duration","0.5s")
$('body>header,body>#content,footer').css("-webkit-transform","translate(" + sm + "px,0px)");
};
if(direction != "leftnav"){
$('body>header:last,body>#content:last,footer:last').css("left", sm + "px");
footerheight = $('body>#content:last').outerHeight(false) + $('body>header:last').outerHeight(true) ;
$('footer:last').css("top", footerheight);
$('body>header,body>#content,footer').css("-webkit-transition-duration","0.5s")
$('body>header,body>#content,footer').css("-webkit-transform","translate(-" + sm + "px,0px)");
}; …我有一个2 yaxis的图表,我想在工具提示格式化程序中获得每个系列的yaxis标题.
这是我的格式化函数:
formatter: function() {
var s = '<b>'+ Highcharts.dateFormat('$hc_date_long', this.x) +'</b><table>';
sum = 0;
var abweichung = 0;
var stellen = 0;
$.each(this.points, function(i, point) {
var prev = jQuery.inArray(point.x, point.series.processedXData)-1;
var percent = 0;
if(prev>=0){
prev = point.series.points[prev];
percent = (point.y - prev.y) * 100 / point.y;
}
s += '<tr><td style=\"color: '+point.series.color+';padding:2px;\">'+ point.series.name +':</td><td style=\"text-align:right;padding:2px;\"> '+ extround(point.y,100) +' !!GETYAXISTITLE!!</td><td style=\"text-align:right;padding:2px;\">'+percent+'</td></tr>';
sum += point.y;
});
s += '</table>';
return s;
},
api只包含函数"setTitle()"没有getTitle()函数？
我在试验history.pushstate事件时遇到了一些问题.我进行了设置,以便页面的url成为通过AJAX加载的页面的实际URL,并且可以正常工作.
我明白它应该自动创建一个历史记录,加载以前加载的页面.不幸的是,帽子没有发生,当我向后点击时,网址确实会发生变化但页面没有变化.你能帮助我吗？这是我的简化代码:
function hijackLinks() {
$('a').live("click", function (e) {
e.preventDefault();
loadPage(e.target.href);
direction = $(this).attr('class');
});
}
function loadPage(url) {
if (url === undefined) {
$('body').load('url', 'header:first,#content,footer', hijackLinks);
} else {
$.get(url, function (data) {
$('body').append(data);
window.history.pushState(url, url, url);
if (direction === "leftnav") {
//DO STUFF
}
if (direction !== "leftnav") {
//DO STUFF
}
setTimeout(function () {
//DO STUFF
},1000);
});
}
}
$(document).ready(function () {
loadPage();
});
我是否可以获得一些想法或一个示例,说明如何根据从数据库加载的数据填充选中的单选按钮状态？
例如,我从SELECT查询生成一个数组,如下所示:
array(
[0] => array(
['note_id'] => 1
['value'] => 'no'
)
[1] => array(
['note_id'] => 4
['value'] => 'yes'
)
[2] => array(
['note_id'] => 5
['value'] => 'yes'
)
)
复选框组如下所示:
<input type="radio" name="1" value="yes">
<input type="radio" name="1" value="no">
<input type="radio" name="1" value="done">
<input type="radio" name="2" value="yes">
<input type="radio" name="2" value="no">
<input type="radio" name="2" value="done">
现在使用json_encode我将结果的数据数组放入:
[{"note_id":"1","value":"no"},{"note_id":"4","value":"yes"},{"note_id":"5","value":"yes"}]
我通过ajax传回这些结果......类似的东西？:
$j.ajax({
url: readurl,
type: "GET",
data: 'sku=' + thisSku,
dataType: "json",
success: function (data){ …示例模型：
class Book(models.Model):
title = models.TextField()
class Author(models.Model):
book = models.ForeignKey(Book)
name = models.CharField(max_length=50)
和一些示例数据：
Book:
id title
1 test111
2 test222
3 test333
4 test444
Author:
book_id name
1 test111
1 test222
2 test222
2 test333
3 test111
3 test333
4 test111
4 test333
我想获取所有作者姓名包含“111”和“333”的书（因此所有至少有 2 个作者的书：第一个名称为 111，第二个名称为 333）
我可以通过使用链查询来达到这个目标：
books = Book.objects.filter(author__name__icontains="111").filter(author__name__icontains="333")
返回两本书，id 为：3 和 4
有没有办法通过使用 Q 对象来达到上述目标？
每当我刷新页面时,计时器都会重置.它从一开始就开始.我使用了名为countdown.js的插件
这是代码:
<script type="text/javascript">
var now = new Date();
var countTo = 30 * 24 * 60 * 60 * 1000 + now.valueOf();
$('.timer').countdown(countTo, function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span.'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
</script>
<div class="col-md-8 col-md-offset-3 timer">
<div class="days-wrapper" style="text-align:center;">
<span class="days"></span>
<p style="margin-left:-80px;"><br><br>DAYS</p>
</div>
<div class="hours-wrapper" style="text-align:center;">
<span class="hours"></span>
<p style="margin-left:-80px;"><br><br>HOURS</p>
</div>
<div class="minutes-wrapper" style="text-align:center;">
<span class="minutes"></span>
<p style="margin-left:-80px;"><br><br>MIN</p> …from django import template
register = template.Library()
@register.filter
def truncatesmart(value, limit=80):
"""
Truncates a string after a given number of chars keeping whole words.
Usage:
{{ string|truncatesmart }}
{{ string|truncatesmart:50 }}
"""
try:
limit = int(limit)
# invalid literal for int()
except ValueError:
# Fail silently.
return value
# Make sure it's unicode
value = unicode(value)
# Return the string itself if length is smaller or equal to the limit
if len(value) <= limit:
return value
# Cut the …我有一个表单,用户可以用ajax进行"即时搜索",搜索结果显示为"select ... option"标签,当用户选择一个选项时,它的值将填充一个文本字段.代码的"简化"版本是这样的:
<form action="action.php" method="post" name="form1" id="form1">
Code: <input type="text" name="Code" value="" size="32" readonly="readonly" /> <br />
<select class="paselect" onchange="form1.elements['Code'].value = this.options[this.selectedIndex].value;">
<option value="2413">2413 - Name A</option>
<option value="2414">2414 - Name B</option>
<option value="2415">2415 - Name C</option>
</select>
</form>
您也可以在线查看:http://jsfiddle.net/BCXfQ/
现在,我需要为每个选项选择获得两个值,如下所示:
<form action="action.php" method="post" name="form1" id="form1">
Code: <input type="text" name="Code" value="" size="32" readonly="readonly" /> <br />
Name: <input type="text" name="Name" value="" size="32" readonly="readonly" /> <br />
<select class="paselect" onchange="form1.elements['Code'].value = this.options[this.selectedIndex].value;">
<option value="['Name A', '2413']">2413 - …我正在使用jquery-mobile,我有这两个按钮:
<p id="propart">Pro:
<select id="chosenpro" data-inline="true"></select>
<button type="button" id="resetbutton" data-inline="true" data-theme="w">Reset</button>
</p>
我希望它们并排显示(内联).但我无法弄明白.我做了这个,但它不起作用.你能帮我吗 ？这是我的css:
#propart .ui-select {
width:75%;
}
#propart .ui-select .ui-btn-icon-right {
width:100%;
}
#propart .ui-btn {
width:25%;
}
我正在尝试创建一个在单击时调用 JavaScript 函数的下拉菜单。我的下拉菜单是这样的：
<select name = "navyOp">
<option selected = "selected">Select a Navy Op Area</option>
<option value = "AN01">AN01</option>
<option value = "AN02">AN02</option>
<option value = "AN03">AN03</option>
</select>
因此，对于这些选项中的每一个，我都希望调用一个特定的 JavaScript 函数。有没有一种简单的方法可以做到这一点？