Fullpage.js在hashtag和anchor name-ng-include之间添加斜杠导致冲突

时间:2015-08-09 10:14:53

标签: javascript jquery angularjs fullpage.js

我使用fullpage.js作为一个简单的网站,我也使用angular指令。我包含一个.phtml文件,突然fullpage.js锚点停止工作。它在锚名称之前和#。

之后添加斜杠

更新

问题在于ng-include。我在为什么指令中有一些ng-include。我将那些ng-includes更改为指令。它奏效了。

<div id="fullpage">
<div class="section" id="main-description">
    <div class="animated fadeIn" main-description></div>
</div>
<div class="section" id="features">
    <div features></div>
</div>

这是我的指示:

app.directive('mainDescription', function () {
    return{
        restrict: 'EA',
        templateUrl: 'templates/description.html'
    }
});
app.directive('features', function () {
    return{
        restrict: 'EA',
        templateUrl: 'templates/features.phtml'
    }
});

虽然第一个指令不会影响锚点。第二个开始出问题。

更新

我使用.php而不是.phtml而且它有效。但不知何故,我真的想知道导致问题的原因。

更新

我错误的.phtml文件和.php。问题是我的feature.phtml文件中的一些代码。 我在feature.phtml中有另外两个指令

<div class="bounceInLeftPart  hidden-xs hidden-sm" why></div>
<div class="bounceInLeftPart hidden-md hidden-lg" id="why-mobile" why-mobile></div>

这两个导致了这个问题。

0 个答案:

没有答案