layui在ul中用append加入li无效解决方法

最新推荐文章于 2022-07-08 11:53:03 发布
最新推荐文章于 2022-07-08 11:53:03 发布
阅读量2k 收藏 2
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42766605/article/details/105087883
版权
在项目中遇到layui动态加载ul li不显示的问题，尝试了百度上的表单相关解决方案未果。发现可能是缺少了对element模块的引用，添加引用后问题得到解决。此外，还介绍了一种简洁的解决方式。
摘要由CSDN通过智能技术生成

做项目,遇见这个问题,原本是想要ajax获取数据,然后动态加载出导航条,可是动态加载后没出效果,但是去掉样式有数据.因为我也没用过layui.就只能百度,然后百度上全是from的,可是我只是单纯的做个导航,不会用到表单的.然后到处找,不知道在哪篇文章中说其他的模块都是引用element模块,然后就想着试下,结果成功了,下面是代码

success: function (data) {
   
    layui.use(['element'], function () {
   
        var form
最低0.47元/天 解锁文章
漫漫长路,慢慢走
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui中将动态生成的option标签插入到select标签中无法插入以及触发两次后才能成功
weixin_44562045的博客
02-18 620
今天做的一个java项目需要实现Layui中的下拉框动态生成值这个功能，并且遇到了一些特别鸡肋的错误。找了很多资料+自己研究终于解决 刚开始写，借助ajax请求到后数据无法append插入到select子节点 $.ajax({ type:'post' ,url: '....' ,datatype: "json" ...
Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li
baidu_39014021的博客
05-21 2268
Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li 先建立好一个div和ul JS代码： $(function () { layui.admin.req({ url: _sa.WF.DoorSearch.GetList.url, type: ‘get’, done: function (result) { var tp2 = result.data[0].TP2; console.log("tp2 = " + tp2); var a = result.data.length;
layui二级联动，append之后事件失效
渡目成书
05-13 808
二级联动，和多级联动很多地方都有用到 如：组织架构，地理位置等，一般联动的处理都是前端js来进行动态生成 需求，当前端选择部门后，能自动更新此部门所有人列表 分析HTML结构 这里我们看到layui的select标签的结构是这样的，我们需要做的是，每次选择部门向后台请求所选部门的用户信息，清空当前数据，将后台数据填充 form.on('select(department)', function(data){ var department = $('#de..
jquery append添加的元素事件无效
对代码不满足，是任何真正有天才的程序员的根本特征。
05-05 4890
在jquery.js  版本为1.9以上live属性更改成on $(document).ready(function(){ $(".load-more").click(function() { for (i = 0; i < 10; i++) { $("#aaa ul").append("aaaaaaa"); } }
layUI
adsdsasada的博客
12-04 1190
layUI layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。 https://www.layui.com/doc/ 将layUI全部路径导入项目（注意项目文件路径） 模块化方式 使用哪个模块功能就加载哪个模块 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewpo
python中用xpath解析网页的基本方法
Kosmoo的博客
10-08 2万+
1. 背景 目前爬虫解析网页的技术有：Json, 正则表达式，BeautifulSoup，PyQuery，XPath XPath 教程 官方文档： http://www.w3school.com.cn/xpath/index.asp 2. XPath简述2.1. 什么是XPath？ XPath (XML Path Language) 是一门在 XML 文档中查找信息的语言，可用来在
在flask中用ajax实现页面实时更新（轮询）功能——以课表实时更新为例
numb_ac的博客
10-26 4636
一、用ajax实现将时间传入HTML界面（用按钮查询） 1. 下载jquery，将其放在static里面 下载地址 2. 写HTML页面，放到template里面，并写对应的视图函数 HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮询</title> </head> <body> <
boostrap实现动态三级菜单-ul模拟select
Invalid value for getInt() - '数学'的坑
04-16 798
1.前言 又到了前端。。。 你永远想不到有些需求是多么地奇葩，但存在即合理 这次是要求完成一个三级菜单，这个菜单的样式是导航栏样式，效果是select效果，即有选中效果 额外的功能是：一级菜单出现的选项，二级，三级不能再出现，二级出现的选项，三级不能再出现 或者 2.开始 毫无疑问的是，bootstrap中用ul去模拟select效果还是能实现的，但是网上没有太多教程 但是基础是bootstrap导航栏 <div class="row" >
Jquery load()方法加载html片段
this_ITBoy的博客
03-16 1万+
在上一个案例中用的ajax加载html片段实现导航的切换，这次的这个案例用同样的方法却不是很好实现。 案例:在一个导航栏中，实现点击导航出现不同的选择区域，而且每个页面都有下拉分页异步刷新的效果。如图：                  图1       图2                   图3 图4 上图中，图2和图4都有下拉分页异步刷新的效果，也就是只要有
用ajax加载ul列表,通过ajax,在ul加载了全部数据，添加了ul li 单击事件,可是触发不了。...
weixin_42394257的博客
08-06 503
通过ajax,在ul加载了全部数据，添加了ul li 单击事件,可是触发不了，如果是ul事件的话能触发。ajax/*省市*/$("#proNum").click(function(){$.ajax({type:"post",url:"region/jsonRegion",dataType:"json",success:function(data){$("#gj_disProvince").togg...
layui单选框未显示的问题
热门推荐
weixin_42063820的博客
02-10 6万+
一开始还没导入idea的时候，单纯点击一个网页是有显示出来的，当我把这个带有单选框的网页放到idea的项目中去的时候，发现单选框没显示出来。 1.首先在确认js.css等东西有导入，和之前的网页也没有什么区别 2.网上查询之后， 解释：有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制（因为我们叫经典模块化框架，偷笑.gif） 但...
ul动态增加li
weixin_30732825的博客
05-01 160
aaa bbb <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() ...
点击ajax没反应,ajax调用后，jQuery点击不起作用
weixin_34544309的博客
08-05 552
我的网站基于WordPress，页面通过点击菜单上的ajax加载。我的菜单是垂直的，带有固定面板类型的侧边栏。当在网站上单击菜单图标时，菜单面板将显示，并在单击链接/菜单后隐藏。我的问题是，点击面板上的菜单/链接后，页面通过ajax加载，加载页面后，菜单按钮不起作用，面板不再打开。我已经尝试过了：jQuery(document).on('click'，'＃menu'，function(){//这里...
html+向ul追加li内容,肿么用js在ul标签下添加li标签,并要求li有id?
weixin_42144201的博客
05-31 1629
用$(ul).append(li id='tb_+num+' class='normaltab' +新建类型+/li)就可以实现；具体添加，参考方法如下：var dy_div=parent.document.getElementById(xs);//这个div在iframe所在的页面if(dy_div.getElementsByTagName(ul).length!=0){ //判断div中是否存...
LayUI中的内置模块之 常用元素操作 - layui.element
daimeijin的博客
08-14 3348
前言 最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。 常用元素操作 页面中有许多元素需要自动去完成一些处理，譬如导航菜单的小滑块、Tab 的切换等操作，他们往往不需要去单独调用一个方法来开启一项功能，而页面上恰恰有太多这样的小交互，所以我们统一归类为
layui 鼠标滑过li显示内容
a5252145的博客
07-16 3492
// 鼠标滑过li显示内容 $(".index-body .news ul>li").mouseover(function() { layer.tips($(this).find("span").text(), this, { tips: [2, "#4794ec"] }); });
LayUi入门
weixin_66110079的博客
07-08 978
目录一、LayUi介绍二、自定义模块三、案例：LayUi实现登录界面官网图如下
html的li标签结合layui实现滚动列表
G探险者的博客
05-22 1311
在项目开发中经常遇到需要实现一个滚动列表，所以讲已经实现好的代码，提炼出来，后期遇到类似需求可以照猫画虎 代码如下 1、html页面部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GDP</title> <link rel="stylesheet" href="${basePath}pages/gggl/layui/css/layu
在Java中用append函数写一个数组的tostring
最新发布
03-24
方法的实现，以下是示例代码： public static String arrayToString(int[] arr) { StringBuilder sb = new StringBuilder("["); for (int i = 0; i ; i++) { sb.append(arr[i]); if (i != arr.length - 1) { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值