Question

问候我一个小问题，每次我打开一个标签，它将内容添加到整个html文档，所以例如，如果我一次打开3个标签，我将获得所有的html数据tab div的内容，但我想要实现的只是拥有1个填充数据的div。这是最相似的Jquery相关问题 - 除了我的问题，一切都很好。我的解决方案是 - onclick-＆gt;加载我想要的标签 - >从其他容器中删除内容，但是如何编写它？

操纵数据的Jquery代码

 $('#myTabs a').click(function (e) {
        e.preventDefault();

        var url = $(this).attr("data-url");
        var href = this.hash;
        var pane = $(this);
               $.blockUI({ 
    message: '<img src="<?PHP echo base_url();?>assets/images/load.gif" alt="Loading" /> Loading...' }); 

        $(href).load(url,function(result){      
            pane.tab('show');

            $.unblockUI();
        });
    });

表示选项卡选择的块

<ul class="nav nav-tabs" id="myTabs">
        <li><a href="#data1" data-url="<?PHP echo base_url();?>Klienci/Profil/<?PHP echo $this->uri->segment(3);?>/DK">Client data1</a></li>
        <li><a href="#data2" data-url="<?PHP echo base_url();?>Klienci/Profil/<?PHP echo $this->uri->segment(3);?>/OK">Client data2</a></li>
        <li><a href="#data3" data-url="<?PHP echo base_url();?>Klienci/Profil/<?PHP echo $this->uri->segment(3);?>/PR">Client data3</a></li>
        <li><a href="#data4" data-url="<?PHP echo base_url();?>Klienci/Profil/<?PHP echo $this->uri->segment(3);?>/ZG">Client data4</a></li>
      </ul>

corepodning标签的容器

<div class="tab-pane fade" id="data1"></div>
<div class="tab-pane fade" id="data2"></div>
<div class="tab-pane fade" id="data3"></div>
<div class="tab-pane fade" id="data4"></div>

Answer 1

要写入选项卡，您需要将html写入其中。使用jQuery，它将是：

$tabPaneSelector.html(resultHtml);

引导表，从URL加载 - 在更改后删除dom

1 个答案: