2016-02-09 7 views
0

Я использую диалоговое окно JQuery UI на моей странице и получать эту ошибку

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Test</title> 

    <script src="Scripts/jquery-1.6.4.js"></script> 
    <script src="Scripts/jquery-ui-1.11.4.js"></script> 
    <script> 
     $(document).ready(function() { 
      $(".hlk1").on("click", function() { 
       var linkId = $(this).attr("linkID"); 
       alert(linkId); 
       // initialize dialog 
       var dlg = $("#dialog").dialog({ 
        autoOpen: false, 
        modal: true, 
        draggable: false, 
        resizable: false, 
        position: ['center', 'top'], 
        height: 380, 
        width: 530, 
        dialogClass: 'ui-dialog-osx', 
        buttons: { 
         "Done": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 

      // load content and open dialog 
      dlg.load('page2.html?id=' + linkId).dialog('open'); 
     }); 
}); 
</script> 
</head> 

<body> 

<a href="#" class="hlk1" linkid="305">Click here</a> 
<br/> 
<a href="#" class="hlk1" linkid="890">Click here</a> 
<br/> 
<div id="dialog"></div> 
</body> 
</html> 

Может кто-нибудь помочь мне понять, что один из? Это может быть версия JQuery, но это версия Visual Studio, установленная через диспетчер пакетов NuGet

+3

'.on' требует JQuery 1,7 –

+0

насчет JQuery UI? какая версия будет совместима с 1.7? – ElenaDBA

+0

Согласно [этой странице] (https://jqueryui.com/download/) jQuery UI 1.12.0-beta.1 поддерживает jQuery1.7 + –

ответ

3

.on() был представлен в jQuery 1.7, но похоже, что вы используете 1.6.4. Если вы не можете изменить версию, вы просто должны быть в состоянии изменить свою функцию .click

$(".hlk1").click(function() { 
    ... 
+1

также примечание 'load()' вызывается вне обработчика события – charlietfl

+0

charlietfl , оно работает – ElenaDBA

 Смежные вопросы

  • Нет связанных вопросов^_^