간단한 jQuery 즉석 대화를 다시 만들 수 없습니다

Question

거의 그대로이 파일을 Trent Richardson's impromptu example 10에서 복사하고 있습니다. 작동하지 않습니다. 어떤 이유로, 예제 8과 9는 저에게 맞지 않을 것입니다. 나는 그것이 명백한 무엇인가 든다고 생각하고있다. 그러나 나는 그것을 이해할 수 없다.

머리 :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> 
<script src="jquery-impromptu.4.0.min.js" type="text/javascript"></script> 
<!--<script src="common.js" type="text/javascript"></script>--> 
<link rel="stylesheet" media="screen and (min-device-width: 1050px)" type="text/css"  href="example.css"> 

<script type="text/javascript"> 
    var txt = 'Try submitting an empty field:<br /> 
    input type="text" id="alertName" 
    name = "myname" value="" />'; 

    function mysubmitfunc(e,v,m,f){ 
    an = m.children('#alertName'); 
    if(f.alertName == ""){ 
     an.css("border","solid #ff0000 1px"); 
     return false; 
    } 
    return true; 
    } 
</script> 

몸 :

<button onclick="$.prompt(txt,{ submit: mysubmitfunc, buttons: { Ok:true } })" title="Example 10">Example 10</button> 

Answer 1

HTML :

<button id="example10">Example 10</button> 

자바 스크립트 :

,

var text = 'Try submitting an empty field:<br><input type="text" id="alertName" name="myname" value="">'; 

$('#example10').on('click', function() {  
    $.prompt(text, { submit: function (e, val, $elem) { 
     var input = $elem.children('#alertName')[0]; 
     if (input.value === '') { 
      $(input).css({ border: '1px solid red' }); 
      return false; 
     } 
     return true; 
    }, buttons: { Ok: true } });  
}); 

라이브 데모 : 코드가 작동하지 않는 이유이 http://jsfiddle.net/NcDEh/2/