Question

我现在正试图在我的项目中使用javascripts。我今天早上在互联网上搜索过，发现Laravel和Javascript没什么关系。

有人可以解释如何（或者从一个已知的真实例子中链接我），我们可以让 javascripts 在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') }}
...

accueil.blade.php

@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_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/

Answer 1

您应该将javascript放在文档就绪函数中。您的javascript代码无法正常工作，因为该文档尚未完全加载。

将javascript代码更改为以下内容：

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

如果仍然无效，请提供您网站的完整html输出和任何控制台错误。

Answer 2

我有一个奇怪的问题。问题的标题是完全一样的东西，但是我有文档准备功能。罪魁祸首是其他东西，它通过注释掉来解决

app.js

资产。

Laravel - javascript无法正常运行但没有错误

2 个答案: