`
forestkqq
  • 浏览: 210318 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

在Master页中使用jQuery

    博客分类:
  • .NET
阅读更多

在普通页面中使用 jQuery,只需要在页面头部加入脚本文件即可,如:

 

<script src="Scripts/jquery-1.5.2.min.js" type="text/javascript" ></script>

 

但在 master文件中,直接这样使用却会遇到几个问题。

 

首先是会遇到路径问题。一般的解决办法是这样写:

<script type="text/javascript" src="<%=Page.ResolveUrl("~/jQueryScripts/jquery.js")%>"></script> 
 

但非常抱歉,我遇到了这样的错误:控件包含代码块(即 <% ... %>),因此无法修改控件集合 ......

 

文章 The Controls Collection Cannot Be Modified Because the Control Contains Code Blocks 很好的解决了这个问题,它使用表达式数据绑定代替代码块。

 

 

下面是较完整的代码:

 

<head runat="server">
    <script type="text/javascript" src='<%# ResolveUrl("~/Scripts/jquery-1.5.2.min.js") %>'></script>
    ......    
    <script type="text/javascript">
        $(document).ready(function() {  
          ......
        });      // $(document).ready
    </script>
    ......
 </head>
 

在代码文件中:

    protected void Page_Load(object sender, EventArgs e)
    {
        Page.Header.DataBind(); // 表达式数据绑定
    }
 

 

 

 

分享到:
评论

相关推荐

    jquery-qrcode-master

    本文将深入探讨jQuery QRCode(在本文中称为“jquery-qrcode-master”)的原理、使用方法以及实际应用场景。 1. **项目简介** - **项目名称**:“jquery-qrcode-master” - **主要功能**:为网页提供生成二维码的...

    jquery-cookie-master.jar

    本文将围绕"jquery-cookie-master.jar"这个压缩包文件,详细讲解jQuery Cookie的原理、使用方法以及其在实际项目中的应用。 首先,"jquery-cookie-master.jar"是一个包含jQuery Cookie插件的Java档案文件,它主要...

    jquery.wordexport.js-master.zip

    要使用`jquery.wordexport.js`,首先需要在项目中引入该库。由于文件名为`jquery.wordexport.js-master.zip`,我们可以推断这是库的源码版本,通常包含`jquery.wordexport.js`主文件以及相关的示例、测试和文档。...

    jQuery-photoClip-master 图片上传剪切

    【jQuery-photoClip-master 图片上传剪切】是一个基于jQuery的图片裁剪插件,主要用于Web开发中的图片商城剪切功能。这个项目集成了JavaScript技术,提供了便捷的图片处理能力,让用户在网页上能够自由地裁剪上传的...

    jquery.slides-master无缝.zip

    在实际使用中,开发者需要将"jquery.slides-master"文件夹解压后,引入相关的CSS和JavaScript文件到网页中,并根据需求调整配置选项。此外,可以通过修改HTML结构和CSS样式来自定义滑动组件的外观和交互体验。 总的...

    jQuery 页面框架 母板页

    1. **页面初始化**:在母板页中,可以使用jQuery来处理页面加载事件,实现全局的DOM元素操作或者设置,比如隐藏或显示某些元素,或者初始化插件。 2. **动态内容加载**:利用jQuery的Ajax功能,母板页可以实现局部...

    jquery.imgpreload-master

    在使用"jquery.imgpreload-master"时,你需要先在项目中引入jQuery库,然后引入该插件的JS文件。接下来,你可以通过调用$.fn.imgpreload()方法,传入图片元素的选择器或者图片URL数组,来启动预加载过程。例如: ``...

    jQuery-Autocomplete-master.rar

    综上,"jQuery-Autocomplete-master"压缩包提供的实例,不仅展示了如何使用jQuery Autocomplete插件实现自动补全功能,还涵盖了本地和远程数据源的处理,对于前端开发者来说,这是一个很好的学习和实践资源。

    -在Sharepoint页面添加jQuery

    在SharePoint环境中添加jQuery涉及到对SharePoint页面结构的理解和利用SharePoint的自定义功能。SharePoint 2010提供了一种方式来扩展其默认功能,允许开发者在页面中引入额外的JavaScript库,如jQuery。以下是如何...

    tableExport.jquery.plugin-master

    2. 示例文件(例如:`demo.html`):这些文件展示了如何在实际项目中使用插件,提供了一个或多个示例,演示如何将表格数据导出。 3. 配置文件(可能有`options.js`等):定义了插件的配置选项,用户可以通过调整这些...

    下拉菜单jquery.editable-select-master

    在项目开发中,结合使用jQuery.editable-select-master可以提升网页的交互性和用户体验,尤其是在处理大量数据选择时。通过深入理解和熟练运用这款插件,开发者能够打造出更具吸引力的交互界面,进一步优化用户在...

    jquery-week-calendar-master日历控件

    在实际应用中,jQuery Week Calendar常被用于项目管理工具、个人任务跟踪器或者会议预订系统等场景。通过实例,我们可以看到它如何帮助用户更好地组织和管理他们的时间。 总结,jQuery Week Calendar控件以其强大的...

    jQuery-Validation-Engine-master

    在这个例子中,文件名为"jQuery-Validation-Engine-master"。 2. **包含资源**:将下载的压缩包解压后,将`css`目录下的样式文件(如`validationEngine.jquery.css`)和`js`目录下的JavaScript文件(如`jquery....

    jquery-handsontable-master

    一个典型的使用场景是在CRM系统中,通过Handsontable展示客户订单信息,用户可以直接在表格中修改订单状态,同时系统后台实时更新数据库。此外,还可以通过 Handsontable 的导入功能批量导入新订单,提高工作效率。 ...

    jquery-treetable-master

    1. 引入资源:首先需要在HTML文件中引入jQuery库和jQuery TreeTable的JavaScript及CSS文件。 2. 标记表格:对需要转换为树形表格的表格添加特定的类名,如`treetable`,并使用`data-parent`属性表示行的父节点。 3...

    jquery-mousewheel-master-3.0.13

    本篇文章将深入解析“jquery-mousewheel-master-3.0.13”这一版本的jQuery Mousewheel插件,探讨其功能、用法及在实际项目中的应用。 jQuery Mousewheel插件由Brandon Aaron开发,主要目的是为jQuery添加对鼠标滚轮...

    jQuery-Timepicker-Addon-master(jquery 日历时间)

    - 首先,需要在项目中引入jQuery库和jQuery-Timepicker-Addon的CSS及JS文件。 - 接着,通过简单的HTML输入字段和jQuery代码启用时间选择器功能。 ```html ``` ```javascript $(function() { $('#datepicker')....

    jquery.jqprint-master.zip

    这个插件设计简洁,易于集成到现有的jQuery项目中,对于那些不希望使用复杂的打印解决方案的开发者来说,Jqprint是一个理想的选择。 二、Jqprint的使用步骤 1. 引入依赖库:首先,确保在你的HTML页面中已经引入了...

    jQuery-FullScreen-master 全屏操作

    要在项目中使用jQuery-FullScreen-master,首先需要引入jQuery库和该插件的脚本文件。然后,可以为任何DOM元素调用`.fullScreen()`方法,使其进入全屏模式;使用`.exitFullScreen()`方法退出全屏。同时,插件还提供...

    jquery.nicescroll-master

    2. 通过 jquery 获取需要添加滚动条的元素,调用 niceScroll 函数进行配置即可使用该插件,如下 1 2 3 4 5 6 7 8 9 $('#content').niceScroll({ cursorcolor: "#ccc",//#CC0071 光标颜色 cursoropacitymax: 1, //...

Global site tag (gtag.js) - Google Analytics