前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jquery跨js文件调用函数示例

jquery跨js文件调用函数示例

作者头像
指尖改变世界
发布于 2019-10-21 10:18:31
发布于 2019-10-21 10:18:31
5.5K00
代码可运行
举报
文章被收录于专栏:vuevue
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 1 var common_func; (function() {
 2     common_func = {
 3         load_hot_data: function(AreaCode) {
 4             var hot_html = "";
 5             $.get("http://localhost:32684/Affairs/GetHotAffairsListKunMing?areaCode=" + AreaCode + "&pageSize=10",
 6             function(data) {
 7                 if (data.Result) {
 8                     $.each(data.Data,
 9                     function(index, obj) {
10                         hot_html += '<li>' + '<a href="javascript:;" title="' + obj.AffairName + '">' + '<i class="_circle"  style="transform: scale(1); background: rgb(153, 153, 153);" >' + '</i>' + '<span>' + obj.AffairName + '</span>' + '</a>' + '</li>'
11                     })
12                 } else {
13                     hot_html = '<li>' + '<a href="javascript:;" title="">' + '<i class="_circle"></i>' + '<span>暂未找到热点事项信息</span>' + "</a>" + '</li>'
14                 }
15                 $("#hot_matter_more").prevAll().empty();
16                 $("#hot_matter_more").before(hot_html);
17 
18             })
19         },
20 
21         load_dept_data: function(AreaCode) {
22             var deptData = [];
23             $.get("http://localhost:32684/Dictionary/getAffairDeptTypeByArea?IS_LEGALPERSON=-1&AreaCode=" + AreaCode + "",
24             function(data) {
25                 if (data.Result) {
26                     $.each(data.Data,
27                     function(index, obj) {
28                         var item = {
29                             link: "/Affairs/LegalPerson?groupNum=1&typeCode=" + obj.Code + "&typeName=" + obj.Name,
30                             target: "_blank",
31                             title: obj.Name,
32                             id: obj.Code
33                         }
34                         deptData.push(item);
35                     })
36                 } else {
37                     deptData.push({
38                         link: "#",
39                         target: "_blank",
40                         title: "该区划下未找到部门信息"
41                     });
42                 }
43                 $(".theme_dept_hot .theme_dept_info .box_dept_info ._dept_info").pageSilder("DeptPageSilder", {
44                     pageSize: 30,
45                     data: deptData
46                 });
47             })
48         }
49     }
50 })()
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-10-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jQuery基础图文系列
jquery的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。
菲宇
2019/07/31
4.6K0
jQuery基础图文系列
商城项目回顾整理(一)前台页面布局
登录页面: 1 <%@ page language="java" contentType="text/html; charset=utf-8" 2 pageEncoding="utf-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 6 <head> 7 <
二十三年蝉
2018/02/28
1.8K0
自实现jQuery版分页插件
本篇博客的分页插件是在2017-11-10 的一篇博客的基础上改造的(原博客地址:原生js版分页插件),主要是优化了分页按钮的排列和显示样式,取消首页和末页的箭头按钮,改为数字按钮,并始终把它们分别固定放置在上一页按钮的后面和下一页按钮的前面。另外在DOM操作上,用的是jQuery,当然如果不想使用jQuery的话,也可以很容易的改成原生js。下面直接贴出代码。 1、paging.js var tableStyle = ".page {font-size: 14px;background-color
用户1174387
2018/05/28
2.2K0
jQuery基础系列
jquery的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。
达达前端
2019/07/03
2.7K0
jQuery基础系列
原生js版分页插件
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来。如有不足之处,欢迎指出。 本插件可以自定义的功能:   1. 可初始化每页条数,以及重新选择每页条数   2.自定义首末页、上下页按钮的显示内容(是:<<、  >>、  < 、  >    还是:首页、末页、上一页、下一页)   3.设置当前页在一定范围时,是否显示省略号按钮   4.自定义当前页按钮与省略号按钮之间显示的数字按钮
用户1174387
2018/01/17
33.3K1
原生js版分页插件
大型项目技术栈第一讲 Vue.js的使用
Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。
易兮科技
2020/09/27
5.2K0
大型项目技术栈第一讲  Vue.js的使用
JQuery常用方法总结
1.json的创建方式 <script> $(function () { //第一种 var my = new People("CallmeYhz", 26); alert("(1):" + my.name); //第二种 var you = { "name": "周公瑾", "age": 35 };
用户1055830
2018/01/18
1K0
JQuery常用方法总结
Python开发物联网数据分析平台---web框架
前端使用Bootstrap主题框架AdminLTE,后台使用python语言的tornado作为web框架。利用tornado的模板作为主要的动态页面生成方式,以及巧妙使用模板将json数据渲染到页面hidden元素的值,然后在js中直接用eval函数计算隐藏域的值来生成图表JavaScript插件所需的json数据来生成页面中相应的可视化图表。
MiaoGIS
2019/11/01
3.2K0
Python开发物联网数据分析平台---web框架
Memos API 调用渲染页面
*更新:已把 Memos 剥离出一个完整的应用,可独立部署,到 eallion/memos.top 这个仓库下载部署到网站根目录即可。 *HUGO:如果使用的是 Hugo 博客框架,可以参考本站的方法:layouts/_default/memos.html
eallion
2023/03/07
3.4K0
Python开发物联网数据分析平台---数据看板
image.png 前端页面dashboard.html的代码如下: {% extends "base.html" %} {% block body %} <div class="content-wrapper" data-menu="overview dashboard"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid">
MiaoGIS
2019/11/01
4.1K0
Python开发物联网数据分析平台---数据看板
从零开始学 Web 之 Ajax(七)跨域
跨域这个概念来自一个叫 “同源策略” 的东西。同源策略是浏览器上为了安全考虑实施的非常重要的安全机制。
Daotin
2018/08/31
3.5K0
基于Node.js实现一个小小的爬虫
从拉钩招聘网站中找出“前端开发”这一类岗位的信息,并作相应页面分析,提取出特定的几个部分如岗位名称、岗位薪资、岗位所属公司、岗位发布日期等。并将抓取到的这些信息,展现出来。
书童小二
2018/09/03
1.2K0
基于Node.js实现一个小小的爬虫
jquery选择器
jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。
Devops海洋的渔夫
2019/05/30
2K0
【教程】handsome主题个性化备忘录
复制这段内容并添加在前面,handsome主题可以在 开发者设置 自定义输出body 尾部的HTML代码中添加。
听闻所见
2023/08/02
1.7K0
【教程】handsome主题个性化备忘录
Butterfly友链朋友圈
你是否经常烦恼于友链过多但没有时间浏览?那么友链朋友圈将解决这一痛点。你可以随时获取友链网站的更新内容,并了解友链的活跃情况 。 效果图如下:
FloatSheep
2022/04/25
8830
Butterfly友链朋友圈
22.jQuery(实例)
1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input id="i1" type="button" value="开关" /> <div class="c
zhang_derek
2018/04/11
1.7K0
Hexo-Butterfly主题修改记录-2
添加跳动的心 首先在博客引入这个开源css \themes\butterfly\layout\includes\footer.pug,找到此段代码:
十玖八柒
2022/08/01
1.7K0
Hexo-Butterfly主题修改记录-2
Django+xadmin打造在线教育平台(六)
代码 github下载 九、课程章节信息 9.1.模板和urls  拷贝course-comments.html 和 course-video.html放入 templates目录下 先改course
zhang_derek
2018/04/11
2K0
Django+xadmin打造在线教育平台(六)
灵动标签调用列表【JAVASCRIPT分页】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ECMS灵动标签调
用户4019897
2022/11/30
1.2K0
Python自动化开发学习19-Djan
接下来,我们把Django分为视图(View)、路由系统(URL)、ORM(Model)、模板(Templates )这4块进行学习。
py3study
2020/01/06
1.5K0
相关推荐
jQuery基础图文系列
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验