代码之家  ›  专栏  ›  技术社区  ›  Diasline

使用锚链codeigniter

  •  1
  • Diasline  · 技术社区  · 7 年前

    怎样才能锚定到 第2节 我使用codeigniter?

    下拉列表

    <select id="id_doc">
    <option value=""></option>
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    </select>
    

    滑动分页

    $("#id_doc").change(function(){
    
    var id_doc= $(this).val();
     window.location.href="<?php echo base_url('admin/page2'); ?>?id_doc="+id_doc;
    
    });
    

    第2页

       <div id="section1"></div> 
       <div id="section2"></div> 
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   Abdulla Nilam    7 年前

    通常这将调用URL中的div

    <?php echo base_url('admin/page2'); ?>#section1
    

    在JS中,遵循相同的内容

    window.location.href="<?php echo base_url('admin/page2'); ?>"+id_doc;
    

    或与 <a> 标签

    <a href="<?php echo base_url('admin/page2'); ?>#section1">Go Section 01</a>
    <a href="<?php echo base_url('admin/page2'); ?>#section2">Go Section 02</a>
    

    实例

    https://stackoverflow.com/users/4595675/abdulla-nilam?tab=profile#top-tags
    

    这是代码

    <div id="top-tags" class="top-tags content-element">
    

    阅读- What is the meaning of # in URL and how can i use that?