2014-11-07 3 views
1

지금 내 프로젝트에서 자바 스크립트를 사용하려고합니다. 나는 인터넷에서 오늘 아침을 수색했으며, Laravel과 Javascript에 관해서는 아무 것도 밝혀지지 않았습니다.Laravel - 자바 스크립트가 작동하지 않지만 오류가 없습니다.

누군가는 우리가 자바 스크립트는 Laravel 프로젝트를 진행 할 수 있습니다, 정확히 어떻게 설명 (또는 알려진 실제 예에서 저를 링크) 주시겠습니까? 감사합니다

다음

내가 시도 내용은 다음과 같습니다

template_mynet.blade.php

... 
{{ HTML::script('assets/js/jquery-2.1.1.js') }} 
{{ HTML::script('assets/js/bootstrap.min.js') }} 
{{ HTML::script('assets/js/bootstrap.js') }} 
{{ HTML::script('assets/js/accueil_hover.js') }} 
... 

@extends('template_mynet') 
@section('content') 
    <div class="container"> 
     <a id="popoverData" class="btn" href="#" data-content="Popover with data-trigger" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with data-trigger</a> 
     <a id="popoverOption" class="btn" href="#" data-content="Popup with option trigger" rel="popover" data-placement="bottom" data-original-title="Title">Popup with option trigger</a> 
    </div> 
@stop 

accueil.blade.php

을 accueil_hover.js
$('#popoverData').popover(); 
$('#popoverOption').popover({ trigger: "hover" }) 

내 js 파일은 어디에 있습니까?

/public/assets/js 

내 파일은 무엇입니까?

accueil_hover.js 
bootstrap.js 
bootstrap.min.js 
jquery-2-1-1.js 
npm.js 

링크가 있지만 호버링이 작동하지 않습니다! 이 코드는 여기에 링크 된 예제의 코드입니다. http://jsfiddle.net/9P64a/

답변

2

문서 준비 기능에 자바 스크립트를 넣어야합니다. 문서가 아직 완전히로드되지 않았기 때문에 자바 스크립트 코드가 작동하지 않습니다.

변화 다음에 자바 스크립트 코드 :이 여전히 작동하지 않으면

$(document).ready(function(){ 
    $('#popoverData').popover(); 
    $('#popoverOption').popover({ trigger: "hover" }); 
}); 

는 사이트 및 콘솔 오류의 전체 HTML 출력을 제공하시기 바랍니다.

+0

작동 중입니다. 이 기능이란 무엇입니까? 좀 더 자세하게 설명해 주시겠습니까? 나는 궁금하다. –

+0

이 함수는 나머지 문서가 완전히로드 될 때 코드를 내부에서 실행한다. – Jerodev

관련 문제