B. *_*non 0 html css jquery sharepoint-2010
我在Sharepoint 2010 Web部件项目的*WebPartUserControl.ascx文件中有这个HTML:
<html>
<h1>Pre- and Post Travel Form Help</h1>
<div id="preTravel" name="preTravel">
<h2>Pre Travel</h2>
<img id="imgPreTravel" name="imgPreTravel" src="/_layouts/images/TravelFormHelp/posttravelpdf.png" alt="pre Travel image" height="275" width="350">
</div>
<div id="postTravel" name="postTravel">
<h2>Post Travel</h2>
<img id="imgPostTravel" name="imgPostTravel" src="/_layouts/images/TravelFormHelp/posttravelpdf.png" alt="post Travel image" height="275" width="350">
</div>
</html>
...而这个jQuery:
<script type="text/javascript">
$('imgPostTravel').click(function () {
alert('you clicked the post Travel image');
this.addClass('hide');
});
</script>
相关的CSS是:
.hide {
visibility: hidden;
display: none;
}
当我点击'imgPostTravel'时,没有任何反应 - 不仅图像不会消失,我也看不到警报.
作为一个完整性检查(我可能会失败),我在这里和那里尝试了类似的代码,点击处理程序也没有解雇 - 必须有一些根本不管我正在做什么,但我不能看见...
小智 7
这是一个简单的修复,只需在选择器中添加一个hashtag,因为它是一个ID:
$('#imgPostTravel').click(function () {
| 归档时间： |
|
| 查看次数： |
49 次 |
| 最近记录： |