Question

我有这个index.js，其中包含我的大部分功能：

      // a and b is placed at index.jsp 
$("#a").click(function (){  //this works on index.jsp and display.jsp(where the servlets forwards it).
      $("#b").load('servletA.html?action=display');
 });

我的index.jsp和display.jsp上还有另一个tabbedcontent.js导入，问题是当我单独运行display.jsp时，选项卡式内容有效。但不幸的是，如果我点击我的index.jsp上的#a，标签内容就无效了。我想知道为什么它不适用于Chrome和Firefox。但它确实可以在IE（所有版本）中使用。

已编辑：

这是display.jsp

的代码片段

 // imports
  <script src="js/tabcontent.js"></script>
    <ul class="tabs">
      <li><a href="#view1">Main</a></li>
      <li><a href="#view2">OTHERS</a></li>
   </ul>
    <div class="tabcontent">
        <div id="view1">
              // SOME CONTENT HERE
        </div>
        <div id="view2">
              // SOME CONTENT HERE
        </div>

Answer 1

这样做的正确方法是

$("#b").load('servletA.html', {action: 'display'});

它可能对你有所帮助。详细了解jQuery.load()。

基本上这是语法

$('#mydiv').load('newPage.html', {field1: 'value1', ...});

再次验证servletA.html的路径。试试/servletA.html。

标签内容在Chrome和Firefox中无效，但在IE中有效

1 个答案: