我想用我的c#asp应用程序来实现vitalets x-editable,但是我遇到了一些困难。在将JavaScript配置显示为链接后,它只刷新页面并转到'#'。我通过命令行“install-package x-editable
”安装了vitalets的包,并将JavaScript文件夹复制到我的应用程序的脚本文件夹中(js源码http://vitalets.github.io/x-editable/assets/zip/jqueryui-editable-1.5.1.zip
)。目前,与简单的HTML进行测试,看看它的作用我想这个简单的html代码:Vitalets x-editable不工作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/css/jqueryui-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/js/jqueryui-editable.min.js"></script>
</head>
<body>
<div class="container">
<h1>Template</h1>
<div>
<span>Username:</span>
<a href="#" id="username" data-type="text" data-pk="1">Old username</a>
<script>
$.fn.editable.defaults.mode = 'inline';
$('#username').editable();
$(function(){
$('#username').editable({
type: 'text',
url: '/post',
title: 'Enter username'
});
});
</script>
</div>
</div>
</body>
</html>
此代码为我的ASP代码相同的效果,它只是重定向到“#”,不显示任何东西。我是否缺少一些其他配置或行以使其正确?我对JavaScript和x-editable很陌生。如果你可以发布一些简单的例子,将不胜感激。
感谢