第一次使用jquery选项卡

Question

使用Jquery UI选项卡和设置非常简单，但现在就问题排查我遇到了一些问题。

首先，这是我的屏幕图片：

关闭“get - go”，看起来标签不应该像这样。如果您在标签部分（建议二，推荐一，没有推荐）之后立即注意到，您会注意到横幅和页脚。那些不应该在那里，因为那些是我的全球“观点”，如果你将这样每个页面获得横幅和页脚。

这就是我在视图中设置标签的方式：

echo '<div id="recommendations">';
        echo form_open('/admin/c_applicationmaintance/addNewApplication/' . urlencode('4'));


        echo '<div id="tabs">';

            echo '<ul>';
                echo '<li><a href="recommendation1">Recommendation One</a></li>';
                echo '<li><a href="recommendation2">Recommendation Two</a></li>';   
                echo '<li><a href="norecommendations">No Recommendations</a></li>';
            echo '</ul>';

            echo '<div id="recommendation1">';
                echo '<textarea name="txtEssay" rows="10", cols="50" placeholder="Scholarship Essay">'. set_value("txtEssay") . '</textarea>';
            echo '</div>';

            echo '<div id="recommendation1">';
                echo '<textarea name="txtEssay" rows="10", cols="50" placeholder="Scholarship Essay">'. set_value("txtEssay") . '</textarea>';
            echo '</div>';

            echo '<div id="norecommendations">';
                echo '<textarea name="txtEssay" rows="10", cols="50" placeholder="Scholarship Essay">'. set_value("txtEssay") . '</textarea>';
            echo '</div>';

        echo '</div>';

        echo form_submit('', 'Next >>');
        echo form_close();      
        echo form_open('/admin/c_applicationmaintance/addNewApplication/' . urlencode('3'));
        echo form_submit('', '<< Back');
        echo form_close();
        echo '</div>';

至于调试，看看chrome dev工具，我注意到每次在标签之间切换时都会出现以下错误：

任何正确方向的指导都会非常有帮助。提前谢谢。

Answer 1

尝试在列表项的href中添加＃而不是

<li><a href="recommendation1">Recommendation One</a></li>

输入

<li><a href="#recommendation1">Recommendation One</a></li>

因为jQuery试图使用id recommended1

来定位div