jQuery代码未在用户控件ASPX内部触发
[英]Jquery code not firing inside user control aspx
问题描述
我的用户控件中有以下Jquery，它已加载到页面上，但是jquery根本没有触发：
<script type="text/javascript" >
$(document).ready(function () {
$("div.holder").jPages({
containerID: "itemContainer",
perPage: 2,
first: false,
previous: "span.arrowPrev",
next: "span.arrowNext",
last: false
});
});
</script>
我试着将其剥离，仅在document.ready内部使用警报时，但这仍然不会触发。 我如何才能将此代码在aspx的用户控件中执行？
简单地说，这就是我正在使用的html：
<div class="eng-container">
<!-- navigation holder -->
<div class="holder">
</div>
<!-- wrapped custom buttons for easier styling -->
<div class="customBtns">
<span class="arrowPrev"></span>
<span class="arrowNext"></span>
</div>
<ul id="itemContainer">
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</div>
我所看到的代码没有明显的错误。
编辑
编辑2这是代码的pastebin链接，尽管整个页面很长。 在第185行，我的脚本开始，并且我的HTML代码与此相关。
UPDATE
我尝试将有问题的jQuery代码移动到项目的main.Master文件中，该文件看起来已经解决了有问题的问题，并且现在正在触发。 虽然我不知道为什么JavaScript无法在控件内触发。
1 个解决方案
解决方案1
1 2014-07-16 14:30:35
我创建了一个新的HTML页面，这对我有用：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jPages.min.js"></script>
<script type="text/javascript" >
$(document).ready(function () {
$("div.holder").jPages({
containerID: "itemContainer",
perPage: 2,
first: false,
previous: "span.arrowPrev",
next: "span.arrowNext",
last: false
});
alert("myMsg");
});
</script>
<head>
<title></title>
</head>
<body>
<div class="eng-container">
<!-- navigation holder -->
<div class="holder">
</div>
<!-- wrapped custom buttons for easier styling -->
<div class="customBtns">
<span class="arrowPrev"></span>
<span class="arrowNext"></span>
</div>
<ul id="itemContainer">
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</div>
</body>
</html>
动态用户控件点击事件中的用户控件未触发？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.