Jquery代码不触发用户控件aspx

Jquery code not firing inside user control aspx

本文关键字：用户 控件 aspx 代码 Jquery      更新时间：2023-09-26

我有以下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>

我试过剥离这一点，只是使用警告时，在文档内部。准备好了，但这个还是打不着火。我怎么能得到这个代码在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>

我看到的代码中没有明显的错误。

编辑

http://jsfiddle.net/p4LES/1/

编辑2 这是代码的粘贴链接，虽然对于整个页面来说它相当长。在第185行开始，我的脚本和与之相关的HTML代码。

http://pastebin.com/szknh76v

我已经尝试移动jQuery代码在问题的主要。主文件为我的项目，它看起来已经解决了问题，现在正在发射。虽然我不知道为什么javascript不会在控件内触发

我创建了一个新的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>
相关文章：