主页 / user-195280

siberian's questions

Martin Hope
siberian
Asked: 2024-10-17 11:47:32 +0000 UTC
  • 4

如何制作如图所示的块

在此输入图像描述

这是标签结构

<div class="q-list">
<div class="row">
  <div class="col-4">
    <!-- Контент первого блока -->
  </div>
  <div class="col-4">
    <!-- Контент второго блока -->
    <div class="блок на полную ширину">
      //список тоже по сетке
    </div>
  </div>
  <div class="col-4">
    <!-- Контент третьего блока -->
  </div>
   <!-- остальные блоки в сетке -->
   </div>
 </div>
 </div>
</div>
html
Martin Hope
siberian
Asked: 2020-01-09 16:18:27 +0000 UTC
  • 0

添加/删除setAttribute成功。但是如何在body页面重新加载时保持 y 属性？

这是我的代码：

document.getElementById('switch').onclick = function () {
if(document.body.hasAttribute('data-theme', 'dark')){
    document.body.removeAttribute('data-theme', 'dark');
    localStorage.removeItem('data-theme');
} else {
    document.body.setAttribute('data-theme', 'dark');
    localStorage.setItem('data-theme', 'dark');


    let darkmode = localStorage.getItem('data-theme');
    darkmode = darkmode ? JSON.parse(darkmode) : {};
    darkmode['data-theme'] = 'dark';

    localStorage.setItem('data-theme', JSON.stringify(darkmode));
}
};
javascript
Martin Hope
siberian
Asked: 2020-10-01 16:39:12 +0000 UTC
  • 1

该代码不验证表单字段并立即显示模态窗口：

'use strict';

 $(document).ready(function(){
 $('#FormHeader .submit, #FormFooter .submit').click(function(e) {
    e.preventDefault();
    var form = $(this).parent('form');

    resetError(form);

    if (validateForm(form)) {

        $.ajax({
            type: "POST",
            url: "send.php",
            data: form.serialize(),
            success: function() {
                $('#FormSend').modal();
                $("#FormHeader input, #FormFooter input").val('');
            }
        });
        e.preventDefault();
    }
});

function resetError(container) {
    container.find('.error').removeClass('error');
    container.find('.error-message').remove();
}

function validateForm(form) {
    var inputs = form.find('input'),
        hasError = false;

    inputs.each(function() {
        if (!$.trim($(this).val())) {
            showError($(this).parent('div'), 'Поле не заполнено');
            hasError = true;
        }
    });

    return !hasError;
}

function showError(container, errorMessage) {
    container.addClass('error');
    var msgElem = document.createElement('span');
    msgElem.className = "error-message";
    msgElem.innerHTML = errorMessage;
    container.append(msgElem);
}
 });

PHP

<?php

if (!empty($_POST['name']) && !empty($_POST['phone'])) {

$name = trim(strip_tags($_POST['name']));
$phone = trim(strip_tags($_POST['phone']));


$to = 'mail@gmail.com';


$subject = 'text';
$message = "<p>Имя: $name</p><p>Телефон: $phone</p>";
$headers = "From: $email\r\nReply-to: $email\r\nContent-type:text/html; charset=utf-8\r\n";

mail($to, $subject, $message, $headers);
}

HTML

<form id="FormHeader">

                        <div class="form-control">
                            <label for="Name" hidden="">Имя</label>
                            <input id="Name" type="text" placeholder="Имя" name="name" required="">
                        </div>
                        <div class="form-control">
                            <label for="Phone" hidden="">Телефон</label>
                            <input id="Phone" type="tel" placeholder="Контактный телефон" name="phone" required="">
                        </div>

                        <button type="submit" name="submit" class="btn btn-brand submit" data-toggle="modal">Оставить заявку</button>
                    </div>
                </form>
php
Martin Hope
siberian
Asked: 2020-04-03 13:37:45 +0000 UTC
  • 4

如果页面上可以有多组按钮和输入，如何通过单击按钮 (+/-) 更改输入值并从现有表中获取值？

$(function() {
      var countInputs = document.getElementsByClassName('count-buttons');

      for (var input in countInputs) {
        if (!countInputs.hasOwnProperty(input)) {
          continue;
        }

        var butM = input.getElementsByClassName('btn-minus');
        var butP = input.getElementsByClassName('btn-plus');

        var units = countInput.value.replace(/\d/g, '');

        butP.onclick = function() {
          countInput.value = parseInt(countInput.value) + 1 + units;
        };

        butM.onclick = function() {
          if (parseInt(countInput.value) > 1) {
            countInput.value = parseInt(countInput.value) - 1 + units;
          }
        };


        $(function() {
          document.querySelector('.count-buttons').onmouseover = (function() {
            document.querySelector('.count-buttons__table').style.display = 'table';
          });
          document.querySelector('.count-buttons__table').onmouseout = (function() {
            document.querySelector('.count-buttons__table').style.display = 'none';
          });

          var elems = document.querySelectorAll('.count-buttons__table-td');

          for (var i = elems.length - 1; i >= 0; i--) {
            elems[i].addEventListener('click', myFunc, false);
          }

          function myFunc() {
            document.getElementsByClassName('qty').value = this.innerHTML;
          }
        });
<div class="count-buttons">
  <button type="button" class="btn ctrl btn-minus">
         <span>−</span></button>
  <input name="" value="" size="4" title="" class="input-text qty" maxlength="12" />
  <button type="button" class="btn ctrl btn-plus"><span>+</span></button>
  <div class="count-buttons__table">
    <div class="count-buttons__table-tr">
      <div class="count-buttons__table-td">6</div>
      <div class="count-buttons__table-td">12</div>
      <div class="count-buttons__table-td">18</div>
    </div>
    <div class="count-buttons__table-tr">
      <div class="count-buttons__table-td">24</div>
      <div class="count-buttons__table-td">30</div>
      <div class="count-buttons__table-td">36</div>
    </div>
  </div>
</div>

jsfiddle

UPD

归根结底，value 的取值有两种方式：

  1. 通过按+或按钮-（分别增加1或减少数字）示例
  2. 从下拉表中选择数字（数字永远不会改变）示例
javascript
Martin Hope
siberian
Asked: 2020-03-12 14:32:41 +0000 UTC
  • 1

如何从 div 中获取值并将其添加到 input(value) 中？

html结构：

<input type="text" name="qty" id="qty" maxlength="12" value="1" title="" class="input-text qty">
        <div class="count-buttons__table">
            <div class="count-buttons__table-tr">
                <div class="count-buttons__table-td">6</div>
                <div class="count-buttons__table-td">12</div>
                <div class="count-buttons__table-td">18</div>
            </div>
            <div class="count-buttons__table-tr">
                <div class="count-buttons__table-td">24</div>
                <div class="count-buttons__table-td">30</div>
                <div class="count-buttons__table-td">36</div>
            </div>
        </div>
    </div>

您需要从表中选择一个数字并将其替换为输入值。单击具有类的元素时选择一个数字count-buttons__table-td

javascript
Martin Hope
siberian
Asked: 2020-12-07 11:26:35 +0000 UTC
  • 1

在一个存储库中时，您需要将更改推送到另一个存储库（git merge和git push.）中的分支。

我这样做 

git remote add repo2 ssh://git@gitlab.name.com:22123/name-project/repo2.git

git fetch

git checkout -b branch2 repo2/branch2

结果：

fatal: 'repo2/branch2' is not a commit and a branch 'branch2' cannot be created from it

如何将更改添加到远程存储库中的分支？

git
Martin Hope
siberian
Asked: 2020-08-29 15:27:29 +0000 UTC
  • 1

在项目中，我使用一个脚本来检测旧版本的浏览器，它会打开一个模式窗口，并建议下载最新版本的浏览器。也可以简单地关闭模态窗口。

如果用户导航到站点的另一个页面，该窗口会重新出现。是否可以防止在网站的其他页面上重新打开窗口？

阿通

必须放弃此脚本，并用此浏览器更新替换

javascript
Martin Hope
siberian
Asked: 2020-08-28 18:05:53 +0000 UTC
  • 1

有一个这样的菜单结构：

<li id="menu-item-264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children nav-item"><a class="nav-link" href="">title</a>
 <ul class="sub-menu">
   <li id="menu-item-300" class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link" href="">title1</a></li>
   <li id="menu-item-299" class="menu-item menu-item-type-post_type menu-item-object-page menu-active-sub-item nav-item"><a class="nav-link" href="">title2</a></li>
 </ul>

根据条件，有必要检查类menu-active-sub-itemy liinside的存在sub-menu。

如果有类，则需要current-menu-parent在li顶层添加一个类。

此功能无法按预期工作：

if ( $('li.nav-item').hasClass('menu-active-sub-item') ) {
    $(this).parents('li.menu-item').addClass('current-menu-parent');

}

添加一个类如何正确？

UPD

我的选择是这样的：

if ( $('li.menu-active-sub-item') ) {
    $('li.menu-active-sub-item').parents('li.menu-item').addClass('current-menu-parent');
}
javascript
Martin Hope
siberian
Asked: 2020-08-21 11:38:58 +0000 UTC
  • 0

在 wordpress 网站上，我通过 wp-editor 中的简码显示动态数字，如下所示：

[lifetime]

有必要在数量上进行动画增加。这个数字的最大值是未知的，因为 数字是动态的。

如何在 wordpress 网站中添加这个数字增加动画？

UPD

问题的本质是如何传递一个$lifetime在 中使用的变量，并通过wordpress admin 中functions.php的简码调用。[lifetime]

php
Martin Hope
siberian
Asked: 2020-08-17 17:56:42 +0000 UTC
  • 0

我使用这个菜单代码functions.php

class main_menu_walker extends Walker_Nav_Menu {
function start_el(&$output, $item, $depth, $args) {
    global $wp_query;
    $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

    $class_names = $value = '';

    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
    $class_names = ' class="'. esc_attr( $class_names ) . ' nav-item"';

    $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

    $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
    $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
    $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
    $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

    $item_output = $args->before;
    if ( $args->walker->has_children && 0 === $depth ) {
        $item_output .= '<span class="nav-link">';
    } else {
        $item_output .= '<a class="nav-link" ' . $attributes . '>';
    }

    $item_output .= $args->link_before .apply_filters( 'the_title', $item->title, $item->ID );
    $item_output .= ( $args->walker->has_children && 0 === $depth ) ? ' </span>' : '</a>';
    $item_output .= $args->after;
    $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
}

我得到以下结构：

<ul class="nav navbar-nav nav__top-menu">
<li class="nav-item"><a class="nav-link" href="#">Home</a></li>
<li class="nav-item"><span class="nav-link">About </span>
<ul class="sub-menu">
<li class="nav-item"><a class="nav-link" href="#">text 1</a></li>
<li class="nav-item"><a class="nav-link" href="#">text 2</a></li>   
</ul>
</li>
</ul>

如果父链接有子菜单，则它变为span.

我怎样才能使它在单击父链接时转换到子菜单的第一页？

UPD

找到这个插件。但是它会找到最先发布的子页面function has_published_children，并且在菜单中项目的位置可以改变。那些。我们需要的搜索功能不是按页面的发布日期，而是按其在菜单中的位置。

php
Martin Hope
siberian
Asked: 2020-08-03 16:24:49 +0000 UTC
  • 1

有 3 个元素（图像、标题和块）需要active根据hover.

是不是这样：

var svg_planung = $('#planung path.hover'),
    svg_realisation = $('#realisation path.hover'),
    svg_betrieb = $('#betrieb path.hover'),
    planung_box = $('#planungBox'),
    realisation_box = $('#realisationBox'),
    betrieb_box = $('#betriebBox'),
    planung_title = $('#planungTitle'),
    realisation_title = $('#realisationTitle'),
    betrieb_title = $('#betriebTitle');

// по умолчанияю активные
$(planung_box).addClass('active'); 
$(svg_planung).addClass('active');
$(planung_title).addClass('active');

$(svg_planung).hover(function() {
    $('.dev-box').removeClass('active');
    $('path.hover').removeClass('active');
    $('.svg-box .title').removeClass('active');
    $(planung_box).addClass(' active');
    $(svg_planung).addClass(' active');
    $(planung_title).addClass(' active');
});
$(svg_realisation).hover(function() {
    $('.dev-box').removeClass('active');
    $('path.hover').removeClass('active');
    $('.svg-box .title').removeClass('active');
    $(realisation_box).addClass(' active');
    $(svg_realisation).addClass(' active');
    $(realisation_title).addClass(' active');
});
$(svg_betrieb).hover(function() {
    $('.dev-box').removeClass('active');
    $('path.hover').removeClass('active');
    $('.svg-box .title').removeClass('active');
    $(betrieb_box).addClass(' active');
    $(svg_betrieb).addClass(' active');
    $(betrieb_title).addClass(' active');
});

该代码按预期工作。是否有可能以任何方式减少它（优化）？

javascript
Martin Hope
siberian
Asked: 2020-08-01 15:51:37 +0000 UTC
  • 5

悬停时实现阴影的外观path svg：

<filter xmlns="http://www.w3.org/2000/svg" id="dropshadow" >
  <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> 
  <feOffset dx="2" dy="2" result="offsetblur"  />
  <feComponentTransfer>
    <feFuncA type="linear" slope="0.5"/>
  </feComponentTransfer>
  <feMerge> 
    <feMergeNode/>
    <feMergeNode in="SourceGraphic"/> 
  </feMerge>
</filter>

#Projektablauf path {
cursor: pointer;
transition: all 0.3s ease;
}
#Projektablauf path:hover {    
filter: url(#dropshadow);  
}

但是如何使阴影的外观平滑呢？transition: all 0.3s ease;不起作用。

css
Martin Hope
siberian
Asked: 2020-07-19 14:10:49 +0000 UTC
  • 0

我在项目中使用 ACF，我创建了一个自定义字段true/false。

有必要在一个块中显示带有字段的帖子active，而在另一个块中显示其余部分。

该代码具有以下结构：

<?php
$args = array(
    'post_type' => 'client',
    'post_status'=>'publish',
    'posts_per_page'=>-1,
);
$the_query = new WP_Query( $args );
?>


<?php if ( get_field( 'is_active') ) : ?>

    <div class="bg-gray">
        <div class="container">
            <h2 class="page-head_sub-title">aktive </h2>

<?php else: ?>

    <div class="bg-white no-active">
        <div class="container">
            <h2 class="page-head_sub-title">not active</h2>
<?php endif; ?>



        <div class="row equal customers-wrap">

            <?php if ( have_posts() ) : ?>
                <?php $e = 0; ?>

                <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

                    <?php
                    $is_active = get_field('is_active');
                    //var_dump($is_active);
                    ?>
                    <div class="col-md-3 col-md-3 d-flex pb-3 ">
                        <a href="#galleryClients" class="card card-block" data-slide-to="<?php echo $e; ?>">
                            <?php
                                $thumbnail_id = get_post_thumbnail_id();
                                $thumbnail_url = wp_get_attachment_image_src( $thumbnail_id, 'thumbnail-size', true );
                            ?>
                            <div class="item" data-toggle="modal" data-target="#clientModal">
                                <div class="customers-wrap_item ">
                                    <img class="img-fluid" src="<?php echo $thumbnail_url[0]; ?>" alt="<?php the_title(); ?>" />
                                </div>
                            </div>
                        </a>
                    </div>
                    <?php $e++; ?>
                <?php endwhile; ?>

但是这段代码没有按预期工作。很可能是因为现场检查发生在循环之外。如果您在循环内部检查，代码将起作用，但它会改变html.

如何调用检查后循环外的字段中是否存在值？

更新程序

指定id显示帖子的页面：

<?php
$args = array(
    'post_type' => 'client',
    'post_status'=>'publish',
    'posts_per_page'=>-1,
);
$the_query = new WP_Query( $args );

 ?>


<?php if ( get_field( 'is_active', 289) ) : ?>

<?php
$is_active = get_field('is_active', 289);
var_dump($is_active);
?>

    <div class="bg-gray">
        <div class="container">
            <h2 class="page-head_sub-title">active </h2>

<?php else: ?>

    <div class="bg-white no-active">
        <div class="container">
            <h2 class="page-head_sub-title">not active</h2>
<?php endif; ?>

但var_dump($is_active);它不输出任何值，因为 在循环之外。

预期的结构html是：

如果帖子被检查为活跃

    <div class="bg-gray">
        <div class="container">
            <h2 class="page-head_sub-title">active </h2>
            <?php the_post ?> 
        </div>
    </div>

如果帖子未被勾选为活动状态

<div class="bg-white no-active">
        <div class="container">
            <h2 class="page-head_sub-title">not active </h2>
            <?php the_post ?>
        </div>
    </div>

更新 1.0

借助此代码，可以显示状态为not active的帖子：

<?php
$args = array (
    'post_type' => 'client',
    'post_status'=>'publish',
    'posts_per_page'=>-1,
    'meta_query' => array (
        array (
            'value' => '0'

        )
    )


);
$the_query = new WP_Query( $args );

?>
php
Martin Hope
siberian
Asked: 2020-07-17 20:37:54 +0000 UTC
  • 2

在 Wordpress 网站上，我在文件中连接谷歌地图，functions.php如下所示：

    wp_enqueue_script('google-maps', 'https://maps.googleapis.com/maps/api/js?key=APIkey&callback=initMap', '', '',true);

在地图页面上，一切正常，但在其他页面上，控制台显示错误：

Uncaught TypeError: Cannot read property 'firstChild' of js?key=APIKey&callback=initMap&ver=4.7.5:88 Uncaught TypeError: Cannot read property 'firstChild' of null

我不使用地图插件。

如何修复此类错误或如何正确连接谷歌地图？

javascript
Martin Hope
siberian
Asked: 2020-07-05 20:29:18 +0000 UTC
  • 0

有些项目有一个下拉菜单。要显示菜单，我使用wp_nav_menu。

根据现有设计，需要改变结构html。a将标签更改span为带有嵌套列表的菜单项的标签。那些。如果菜单项有嵌套列表，则它不能是链接。因此，您需要获得以下菜单结构：

<ul>
  <li><a href="">Parent item</a></li>
  <li class="menu-item-has-children">
     <span>Parent item</span>
     <ul>
       <li><a href="">text1</a></li>
       <li><a href="">text2</a></li>                             
     </ul>
  </li>
  <li><a href="">Parent item</a></li>
</ul>

如何更改代码wp_nav_menu以获得这样的菜单结构？

更新程序

有这样的解决办法。但是这段代码改变了整个标记，没有检查嵌套列表。

php
Martin Hope
siberian
Asked: 2020-06-27 16:40:44 +0000 UTC
  • 0

此代码在页面上显示链接的帖子。

      <?php
            $args = array(
                'post_type' => array('job')
            );
            $the_query = new WP_Query( $args );
            ?>

            <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

                <a href="<?php the_permalink(); ?>" class="jobs">
                    <div class="jobs-item">
                        <h2 class="page-head_sub-title"><?php the_title(); ?></h2>
                        <p><?php the_content(); ?></p>
                    </div>
                </a>

            <?php endwhile;  endif; ?>

每个块包含一个标题和内容（段落）。

块未正确显示（未按指示显示）。链接显示在块内<div class="jobs-item">。

还有一件事，我如何更改具有特定 id 的块的标记？那些。块id=683不应该是一个链接。

php
Martin Hope
siberian
Asked: 2020-06-21 17:31:06 +0000 UTC
  • 0

您需要the_sub_field('owl_carousel')使用 Wordpress 在没有插件的情况下从字段中删除滑块。

我正在使用这段代码：

<?php $i = 0; ?>
        <?php while( have_rows('project_sections') ): the_row(); ?>
            <section class="<?php if ($i % 2 == 0) : ?>bg-gray<?php else: ?>bg-white<?php endif; ?>">
                <div class="container">
                    <h2 class="page-head_sub-title"><?php the_sub_field('project_sections_title'); ?></h2>
                    <?php the_sub_field('project_sections_description'); ?>
                    <?php //var_dump(get_sub_field('owl_carousel')); ?>
                </div>
                <?php
                $args = array(
                    'post_parent' => $post->ID,
                    'post_type' => 'attachment',
                    'orderby' => 'menu_order',
                    'order' => 'ASC',
                    'numberposts' => 1, // number of images (slides)
                    'post_mime_type' => 'image'
                );
                if ( $images = get_children( $args ) ) {
                    // if there are no images in post, don't display anything
                    echo '<div class="owl-carousel-wrap project-gallery ">
                                <div id="projectGalleryProject" class="owl-carousel owl-loaded owl-drag">
                                <a href="#projectPhotosProject" data-slide-to="0">
                                ';
                    foreach( $images as $image ) {
                        echo '<div class="item" data-toggle="modal" data-target="#projectGalleryProjectModal"><div class="project-gallery_item">' . wp_get_attachment_image( $image->ID, 'project_slider' ) . '</div></div>';
                    }
                    echo '</a></div></div>';
                }
                ?>
                <div class="js-control-project-gallery-project">
                    <div class="carousel-control-prev" aria-hidden="true"><span class="icon-arrow"></span></div>
                    <div class="carousel-control-next" aria-hidden="true"><span class="icon-arrow"></span></div>
                </div>
            </section>
            <?php $i++; ?>
        <?php endwhile; ?>
    <?php endif; ?>

显示所有上传的图像，直接添加到滑块字段的图像除外。您需要以某种方式访问​​该字段'owl_carousel'，并且您可能需要检查字段中每个部分的值是否存在if exist。那些。如果图像加载到滑块中，则显示滑块。

如何更改现有代码以正确显示滑块？

php
Martin Hope
siberian
Asked: 2020-06-15 18:42:53 +0000 UTC
  • 2

创建主题时，使用自定义帖子类型 UI 插件。

有部分 -Customers和Projects。

在页面上page-projects.php，显示了所有内容的列表（链接）customers，如下所示：

<?php
  $args = array(
     'post_type' => 'customer'
   );
 $the_query = new WP_Query( $args );
?>

单击该链接会将您带到一个包含详细说明的单独页面。

详细描述的内容包含在章节中Projects。但是页面上single-projects.php什么也没有显示，因为 所有描述都在部分Customers。

如何显示位于另一部分的带有项目描述的帖子？

更新程序

该模板single-customer.php显示该部分的内容customers（这是合乎逻辑的）。但是需要从版块中显示帖子的内容projects。可能吗？

php
Martin Hope
siberian
Asked: 2020-05-25 13:20:32 +0000 UTC
  • 2

有一个这样的菜单结构：

              <ul class="nav navbar-nav nav__top-menu">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">home</a>
                    </li>
                    <li class="nav-item dropdown">
                        <span class="nav-link" id="thisIsUs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >about</span>
                        <ul class="dropdown-menu" aria-labelledby="thisIsUs">
                            <li><a class="dropdown-item" href="#">sub1</a></li>
                            <li><a class="dropdown-item" href="#">sub2</a></li>
                            <li><a class="dropdown-item" href="#">sub3</a></li>
                            <li><a class="dropdown-item" href="#">sub4</a></li>
                            <li><a class="dropdown-item" href="#">sub5</a></li>
                        </ul>
                    </li>
       </ul>

一些顶级菜单项是链接a，一些是span包含链接的嵌套列表。

我这样连接菜单：

              <?php
                   $args = array(
                        'menu' => 'header-menu',
                        'menu_class' => 'nav navbar-nav nav__top-menu',
                        'container' => 'ul',                            
                    );
                    wp_nav_menu($args);    
                ?>

但默认情况下，所有菜单项都显示为链接а。

如何使具有li类的列表元素dropdown不包含链接，而是包含这样的跨度：<span class="nav-link" id="thisIsUs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >...</span>。

正是需要这样的结构html，因为 响应式菜单库的工作取决于此。

php