2014-07-16 2 views
-1

JavaScript와 jQuery를 HTML 파일과 함께 사용해 보았지만 올바르게 작동하지 않습니다. 나는 또한 제대로 작동하지만 난 내 컴퓨터에서 실행할 때, 그들은 작동이 중지 튜토리얼 웹 사이트에서 코드를 복사 시도jQuery before() 호출을 사용하려면 어떻게해야합니까?

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <style type="text/css"> 
     body {white-space: nowrap;} 
     h1 {white-space: nowrap;} 
    </style> 
    <script src="jquery.js"type="text/javascript"></script> 
    <title>SolicitueCotizaciones</title> 
    </head> 
    <body> 
    <script> 
     function myFunction() { 
     $("input[type='button'][value='Agregar Pieza']").before("<p>new text</p>")}; 
    </script> 


    <br/> Descripcion: 
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
    &nbsp; &nbsp; &nbsp; 
    <br/> 

    <textarea id="improve" rows="3" cols="20"></textarea> 

    </p> 
    <div class="divider"/> 
    <div style="align-items:left"></div> 
    <p> 
    </p> 
    <p> 
     <input type="button" value="+Agregar Pieza" onclick="myFunction()"> 
    </p> 


    </body> 
</html> 

: 여기 내 코드입니다. 아무도 내가 무슨 일이 일어나고 있는지 그리고 내가 해결해야 할 일을 알아낼 수 있습니까?

EDIT : "+ agregar pieza"버튼과 "+ agregar pieza"버튼을 누르면 "descregcion"이라는 텍스트 입력 상자 아래에 "+ agregar pieza"버튼 위에 새 텍스트를 추가하는 것이 좋습니다. 결코 일어나지 않습니다. 주석에 게시 된 수정 사항을 시도했으며, 위의 코드를 편집하여 주석을 포함 시켰습니다. 그러나이 편집 시점에서 아직 작동하지 않습니다. 원하는 결과를 얻기 위해 jquery에서 .before 명령을 사용하고 싶습니다. 그러나 이것을 수행하는 더 좋은 방법이 있다면, 알고 싶습니다.

+0

달성하려는 목표는 무엇입니까? –

+2

어디에서 jquery 라이브러리를 호출합니까? 그것은 당신의 머리 꼬리표에 있어야합니다 – IndieRok

+0

스크립트를 아래쪽으로 이동 – tymeJV

답변

5

먼저 jQuery는 브라우저에 기본이 아니므로 먼저 사용하기 전에로드해야합니다. 자습서가 여기에 도움이 될 것입니다.

$("input[type='button'][value='Agregar Pieza']").before("<p>new text</p>"); 

라이브 데모 : 당신이 그것을 사용하기 전에 jQuery를 가져올 필요가 있기 때문에 그것은 작동하지 않습니다 http://jsfiddle.net/wKhap/

1

둘째, 당신의 코드가 정확하지 않습니다,이 가까이 뭔가해야합니다.

<script src="http://code.jquery.com/jquery-latest.min.js" 
     type="text/javascript"></script> 

는 jQuery를 사용하는 스크립트에이 전에 다른 참조를 추가 : 이렇게하려면, 당신은이 태그를 추가해야합니다.

+1

jQuery 사이트의 주요 권장 사항 중 하나는 http://blog.jquery.com/ 페이지에서 jquery-latest를로드하지 않는 것입니다. 2014/07/03/dont-use-jquery-latest-js/ – Christophe

+0

jQuery에 대한 CDN을 쓴다면 Google과 Microsoft가 무료로 제공한다고 생각합니다. – halfer

관련 문제