我用的是django+jquery实现一个问答类网站,但是cookie老是设置不了。而且jquery的addClass方法也有问题。
HTML:
{% load dajaxice_templatetags %}
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/base.css"/>
{% block header %}{% endblock %}
<meta charset="utf-8"/>
<title>{% block title %}问道{% endblock %}</title>
{% dajaxice_js_import %}
</head>
<body>
<div id="top-div">
<div id="top-media-div">
<ul id="top">
<li class="wider-li">
<form>
<input id="top-search-text" type="text" placeholder="搜索人,话题"/>
<input id="top-search-button" type="button" value="搜索"/>
</form>
</li>
<li class="top-li-a"><a id = "position-index" class="current" href="/">首页</a></li>
<li class="top-li-a"><a id = "position-topic" href="/question/topic" id="load-topic">话题</a></li>
<li class="top-li-a"><a id = "position-find" href="#">发现</a></li>
<li class="top-li-a"><a id = "position-info" href="#">消息</a></li>
<li><a class="me" href="#">{{ login_user }}</a></li>
<li><a href="/logout/">退出登录</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="left-content">{% block question %}
{% endblock %}</div>
<div id="right-content">{% block meta %}{% endblock %}</div>
</div>
<div id="foot">
<div id="left-foot">
<a href="#">问道阅读</a>
</div>
<div id="right-foot">
<ul>
<li><a href="#">知乎指南</a></li>
<li><a href="#">建议反馈</a></li>
<li><a href="#">知乎协议</a></li>
<li><label> 2013 知乎</label></li>
</ul>
</div>
</div>
<script type="application/javascript" src="/js/jquery-min.js"></script>
<script type="application/javascript" src="/js/jquery.cookie.js"></script>
<script type="application/javascript" src="/js/base.js"></script>
{% block javascript %}
{% endblock %}
</body>
</html>
JavaScript代码
$(function () {
var current_position = $.cookie('current_position')
if (current_position) {
$('#top-media-div li a .current').removeClass('current')
$('current_position').addClass('current')
}
$("#top-media-div li a").bind("click", function (event) {
$('.current').removeClass('current')
var $target = event.target;
alert($target.id);
$target.addClass("current");
//这句执行不了
//用opera测的时候说是
// $target.addClass不是一个函数
alert($target.id);
alert("here");