我想用我的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很陌生。如果你可以發佈一些簡單的例子,將不勝感激。
感謝