我使用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>
这两个导致了这个问题。