Question

初学者。我有一个标签控件，通过链接动态加载内容。这些是简单的文本文件。因此，单击选项卡3，它将从文本文件中获取内容并加载它。真正的基础。

在标签2上，我有一个按钮，我希望通过传递ID值到达标签3。我可以用尽可能最糟糕的方式做到这一点，但我有另一个问题。如果我使用：

$('#myTabs').tabs({selected:2});

它会打开tab3，但不会加载内容。其他一切正常，我只是不知道我错过了什么，或者做错了以便加载内容。

一如既往地感谢任何帮助！

这就是我加载标签的方法

$(document).ready(function () {
   $('#myTabs').tabs({selected: '0'});  
});

<div id='myTabs'>
<ul>
<li><a href="#tabs-1">Overview</a></li>
<li><a href="/scripts/content2.txt">Content Area 2</a></li>
<li><a href="/scripts/content3.txt">Content Area 3</a></li>
</ul>
</div>

不会打扰选项卡1的内容...这一切都有效。我可以点击任何标签，得到我想要的东西。所以我们说content3.txt包含这个（每个文本也包含库和样式表的链接）：

$(document).ready(function() {
     $('#testing').text('Hello World');
});

和content2.txt包含一个切换到content3.txt的按钮单击事件：

$('#thisBtn').click(function () {
$('#myTabs').tabs({selected:2});
$('#myTabs').load('/scripts/content3.txt', function () {
   alert('worked');
});

以上擦除标签...我猜是因为我使用了包含标签的div并加载了不同的内容？所以我的问题是div'texting'是在文本文件中，并且在选择选项卡之前不会加载？那有意义吗。

终于如何改变这个/改进这个？等

Answer 1

您没有加载您提供给我们的任何内容，您只是在切换标签。你必须使用像jquery load()这样的东西。以下代码会将myTextFile.txt的内容加载到ID为result的元素中。

$('#result').load('myTextFile.txt', function() {
  alert('Load was performed.');
});

jquery ui制表符的总体布局如下：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div> <--- Load content into these divs
    <div id="tabs-3"></div>
</div>

正如您所看到的，每个标签都分配了一个ID。您需要将内容加载到与要加载的选项卡对应的正确div中。

jquery ui tabs：选择选项卡，但如何从文本文件加载内容

1 个答案: