jquery的div之间链接跳转！

Posted 2023-05-04

我点左边的菜单树目录，右边的div中要出现想对应的页面，这功能用Jquery应该怎么实现！跪求各位高手了，谢谢！

方法/步骤 1、首先我们需要打开Deaweaver软件，新建一个html5文件，并保存下来。 2、我们需要引用Jquery Mobile的css样式表文件，还有jquery.js以及jquery-mobile的js文件，并且将页面调为响应式文件。 3、接下来我们需要新建几个div标签，并为其添加属性data-role="page" 4、这时我们可以按下F12，在浏览器中进行页面的浏览。页面中之后第一个div。 5、之所以只有第一个div是因为，我将所有的div都添加了data-role="page"属性，这样每一个div都是一个jquery mobile页面了。而Jquery Mobile框架式默认的只显示第一个页面。虽然他们都在一个html文档中。 6、我们需要为第一个div加上链接，以实现和其他页面之间的跳转，这个的前提是要给其他div添加一个id属性。 7、最后，我们需要给每个页面分别添加锚记链接，以实现多个页面互相跳转。 参考技术A 你可以给左边树里的每个a链接 随便加个属性 比如tz="你的url" 然后在$(document).ready 里边加上 $("a").click(function()$("#你右边div的id").load($(this).attr("tz"));); 参考技术B 这个跟jquery关系不是太大吧，具体的思路应该是你点击树就发一次请求到后台把相应的内容查询出来显示在右边本回答被提问者和网友采纳 参考技术C 可以用iframe；也可把所有页面都做在div中，用jQuery的show,hide来显示/隐藏各div；还可以用ajax来异步加载各页面。

JQuery错误数组列表项添加跳转链接到表单标签

【中文标题】JQuery错误数组列表项添加跳转链接到表单标签

【英文标题】：JQuery error array list items adding jump links to form labels

【发布时间】：2016-06-29 12:07:56

【问题描述】：

我有一个表单标签列表被推送到一个数组中，该数组将在页面顶部显示为错误列表反馈消息。我想让每个列表项成为一个链接，该链接将跳转到相关的表单字段。如何更新以下代码以添加指向关联表单元素的数组项的链接？ 到目前为止，我有以下代码：

var errorsArray = [];
var errorFree = true;

$('#SubmitButton').click(function(event) 

$( ".Required" ).each(function()  // Validate required form elements

// if statements handling various validations, only included one basic example. 
if ($(this).next().is(':input') && !$(this).next().val()  //validating field
  var fieldName = $(this).text();
  errorsArray.push(fieldName); 
  errorFree = false;    


if (!errorFree) // If errors exist: value is false

  var list = '<ul class="errorList"><li class="errorListItem">' + errorsArray.join('</li><li class="errorListItem">') + '</li></ul>';

  $('<div id="MainAlertMessage"><p class="errorAlert">Please check the following information:</p><br>' + list + '</div>').insertAfter($('#FormTitle'));

  errorsArray.length = 0;

 else 
  alert('No errors: Form will be submitted'); // Form is ready to be submitted


);
);

【参考方案1】：

我想通了：

刚刚为每个表单元素 ID 创建了一个变量：

var alertID = $(this).next().attr('id');

然后使用这个变量我可以将命名的锚链接添加到数组中。

errorsArray.push('<a href="#'+ alertID +'">' + fieldName + '</a>');