2015-04-08 24 views
0

我想用我的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很陌生。如果你可以发布一些简单的例子,将不胜感激。

感谢

回答

0

它已经通过了很多,因为这个问题,我还没有贴我即兴的解决方案。这个问题是由我的asp代码更新面板引起的。我在gridview中使用它,在数据绑定之后,vitalets功能丢失了,因为回发在更新面板中重新创建了控件。我通过将其重新分配在pageLoad JavaScript函数上进行了修复。