2015-04-08 51 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函數上進行了修復。