Question

我有这个网站http://sds-test.nowcommu.myhostpoint.ch/de（请使用最后的＆＃34; de＆＃34; ）以及导航的最后一个链接＆＃34; RECHENZENTRUM＆＃34;不适用于桌面，但适用于移动设备。我怎么解决呢？这是树枝代码：

{% extends 'partials/base.html.twig' %}

{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}

{% block javascripts %}
{% if show_onpage_menu %}
    {% do assets.add('theme://js/singlePageNav.min.js') %}
{% endif %}
{{ parent() }}
{% endblock %}


{% block bottom %}
{{ parent() }}
{% if show_onpage_menu %}
    <script>
    // singlePageNav initialization & configuration
    $('#navbar').singlePageNav({
        offset: $('#header').outerHeight(),
        filter: ':not(.external)',
        updateHash: true,
        currentClass: 'active'
    });
    </script>
{% endif %}
{% endblock %}

{% block header_navigation %}
{% if show_onpage_menu %}
    <ul class="navigation">
    {% for module in page.collection() %}
        {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
        <li class="{{ current_module }}"><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
    {% endfor %} 
         {% set datacenter_page = page.find('/services/datacenter') %}
<li><a href ="{{ datacenter_page.url() }}">{{ datacenter_page.menu() }}</a></li>
    </ul>
{% else %}
    {{  parent() }}
{% endif %}
{% endblock %}

{% block content %}
{{ page.content }}
{% for module in page.collection() %}
    <div id="{{ _self.pageLinkName(module.menu) }}"></div>
    {{ module.content }}
{% endfor %}
{% endblock %}

Answer 1

'rechenzentrum'链接正确呈现，通过右键单击复制链接位置会给出一个正确的URL，打开一个看似正确的页面。所以模板渲染很好。

但该链接附有两个onclick处理程序。可能其中一个失败，从而阻止了导航。（JS缩小了，所以我没有尝试调试它。）

导航链接适用于移动设备但不适用于桌面

1 个答案: