我是 jQuery 编程的初学者。我试图在列表单击上触发单击事件,但它无法正常工作。以下是我的代码:
<html>
<head>
<script type="text/javascript" >
<script type="text/javascript" src="jquery.js">
<link rel="stylesheet" href="style.css" />
$("ul#select li").click(function(e){
//targ = $(e.target);
if($(this).hasClass("selected"))
{
$(this).removeClass("selected");
document.location= "cambridge:clearanswer";
}
else
{
currentanswer = $(this).html();
document.location = "cambridge:checkanswer:"+currentanswer;
$("ul.select li").removeClass("selected");
$(this).addClass("selected");
}
});
function getUsed()
{
var total = "";
$(".boxWord.boxWordUsed").each(function (i){ total = total + this.getAttribute('index_no') + ":"; });
return total;
}
</script>
</script>
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="question" >
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b" class="select" id="select">
<li data-role="list-divider" class="selected">Overview</li>
<li data-role="list-divider" class="selected">Overview</li>
</ul>
</div>
</body>
</html>
最佳答案
首先你不是在 <script>
中编写代码标签和多个标签之间的代码困惑。然后你可以使用$(document).ready()
。您的代码中还有其他错误,我已经为您纠正了所有错误,我知道您是新手:)。
在此处查看工作演示 http://jsfiddle.net/DtHJY/1/
这是更正后的代码:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function(){
$("ul#select li").click(function(e){
alert('test');
//targ = $(e.target);
if($(this).hasClass("selected"))
{
$(this).removeClass("selected");
document.location= "cambridge:clearanswer";
}
else
{
currentanswer = $(this).html();
document.location = "cambridge:checkanswer:"+currentanswer;
$("ul.select li").removeClass("selected");
$(this).addClass("selected");
}
});
function getUsed()
{
var total = "";
$(".boxWord.boxWordUsed").each(function (i){ total = total + this.getAttribute('index_no') + ":"; });
return total;
}
});
</script>
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="question" >
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b" class="select" id="select">
<li data-role="list-divider" class="selected">Overview</li>
<li data-role="list-divider" class="selected">Overview</li>
</ul>
</div>
</body>
</html>
关于javascript - 如何在 jQuery 中触发点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7444668/