javascript - bootstrap editable插件编辑窗口点击不出来，肿么办？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - bootstrap editable插件编辑窗口点击不出来，肿么办？

怪我咯 2017-04-11 09:50:00

[JavaScript讨论组]

515

按照网上的教程以及官网的方法加入代码了，但是即使我点击千万次，那个editable的窗口就是不跳出来。MD，心累了。
起初觉得是js排序的问题，但无论我怎么换js的位置，窗口还是出不来。jquery也是按官网换成

怪我咯

走同样的路，发现不同的人生

全部回复(1)

巴扎黑2017-04-11 09:52:00 1楼

你的代码，除了bootstap有cdn引用外，都没有相应的在线资源引用。。。本地跑不起来，复现成本太高了。建议你把你用的库都换成CDN资源。

然后，看了一下你的代码，有个大问题就是。你的script标签在head里面，这个时候dom都还解析出来，你就获取了dom，初始化事件，当然是不成功的。

第一种这么改。

$(document).ready(function(){
  $('#department').editable({
    type: "select", //编辑框的类型。支持text|textarea|select|date|checklist等
    source: [{
      value: 1,
      text: "开发部"
    }, {
      value: 2,
      text: "销售部"
    }, {
      value: 3,
      text: "行政部"
    }],
    title: "选择部门", //编辑框的标题
    disabled: false, //是否禁用编辑
    emptytext: "空文本", //空值的默认文本
    mode: "popup", //编辑框的模式：支持popup和inline两种模式，默认是popup
    validate: function(value) { //字段验证
      if (!$.trim(value)) {
        return '不能为空';
      }
    }
  });
});

或者第二种就是直接把script里这一串都移到body底部去。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>