Javascript 使用PHP和JQuery响应条件链接/按钮

我有下面的代码，我一直在尝试从这个按钮/链接中获得多用途

如果没有选择任何项目，我需要它是一个链接，带有指向项目的静态文本，并且它必须利用page scroll类（它是一个指向该部分的动画滚动，然后当您在该部分时，该链接保持高亮显示）。页面滚动似乎仅在

元素中工作

一旦选择了一个项目，我希望链接更改为一个按钮（或者如果链接可以满足我的需要，请告诉我），该按钮显示选择的项目数量，并在单击新项目时显示加载文本。该按钮也会下拉以显示拾取的项目

我尝试过各种方法，只使用按钮或链接，但一次只能使用其中一种功能—下拉项/加载功能或滚动/突出显示功能。 我想JQuery将帮助我在链接/按钮之间切换。请帮忙

<div class="dropdown">
    <?php if ($items) { ?>
    <button type="button" data-toggle="dropdown" data-loading-text="<?php echo $text_loading; ?>" class="dropdown-toggle"> 
    <span id="results"><?php echo $text_items; ?></span></button>
    <?php } else { ?>
    <li><a class="page-scroll" href="#itemlist">Item List</a></li> 
    <?php } ?>
<ul class="dropdown-menu pull-right">
...
</ul>
</div>

我认为你把事情搞得太复杂了，保持简单并且彼此独立。您不必总是使用if-else

查看您的代码，我假设您正在使用

所以你有两件事要做：

显示链接，以便在没有项目时进行滚动
当存在项目时，显示项目下拉列表

最简单的方法是分而治之，让我们先处理点1：

1。没有项目时显示滚动链接。

<!-- If no items then show scroll link -->
<? if ( empty($items) ): ?>
    <a class="page-scroll" href="#itemlist">Item List</a> 
<? endif; ?>
<!-- end -->

结合这两种代码，它应该如下所示：

<!-- If no items then show scroll link -->
<? if ( empty($items) ): ?>
    <a class="page-scroll" href="#itemlist">Item List</a> 
<? endif; ?>
<!-- end -->

<!-- If items then show dropdown -->
<? if ( !empty($items) ): ?>
<div class="dropdown">
    <button 
        data-toggle="dropdown" 
        data-loading-text="<?=$text_loading;?>"
        class="dropdown-toggle"
        type="button"
    >            
        <span id="results"><?php echo $text_items; ?></span>
    </button>
    <ul class="dropdown-menu pull-right">
        ...
    </ul>
    </div>
<? endif; ?>


<!-- If items then show dropdown -->
<? if ( !empty($items) ): ?>
<div class="dropdown">
    <button 
        data-toggle="dropdown" 
        data-loading-text="<?=$text_loading;?>"
        class="dropdown-toggle"
        type="button"
    >            
        <span id="results"><?php echo $text_items; ?></span>
    </button>
    <ul class="dropdown-menu pull-right">
        ...
    </ul>
    </div>
<? endif; ?>

<!-- If no items then show scroll link -->
<? if ( empty($items) ): ?>
    <a class="page-scroll" href="#itemlist">Item List</a> 
<? endif; ?>
<!-- end -->

<!-- If items then show dropdown -->
<? if ( !empty($items) ): ?>
<div class="dropdown">
    <button 
        data-toggle="dropdown" 
        data-loading-text="<?=$text_loading;?>"
        class="dropdown-toggle"
        type="button"
    >            
        <span id="results"><?php echo $text_items; ?></span>
    </button>
    <ul class="dropdown-menu pull-right">
        ...
    </ul>
    </div>
<? endif; ?>