Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery新手:需要帮助将淡入淡出脚本放在一起吗_Jquery - Fatal编程技术网

jquery新手:需要帮助将淡入淡出脚本放在一起吗

jquery新手:需要帮助将淡入淡出脚本放在一起吗,jquery,Jquery,我的第一个问题是:我在屏幕的上半部分有一个关于客户基本信息的表格。我想在屏幕的下半部分放置一个div,当在上半部分的表上单击该名称时,它将显示有关客户端的详细信息 我在stackoverflow中找到了一堆关于问题jquery端的好例子 此处: 在这里: 但我的问题是如何让它为我工作,我知道这只是因为我不理解jquery是如何工作的 下面是我的网站现在的样子: <table> <tr> <td>ID</td> <td>Name</

我的第一个问题是:我在屏幕的上半部分有一个关于客户基本信息的表格。我想在屏幕的下半部分放置一个div,当在上半部分的表上单击该名称时,它将显示有关客户端的详细信息

我在stackoverflow中找到了一堆关于问题jquery端的好例子

此处:
在这里:

但我的问题是如何让它为我工作,我知道这只是因为我不理解jquery是如何工作的

下面是我的网站现在的样子:

<table>
<tr>
<td>ID</td>
<td>Name</td>
<td>Account Number</td>
</tr>
<tr>
<td>1</td>
<td><a href="#">Joe Smith</a></td>
<td>3838.3234</td>
</tr>
<tr>
<td>2</td>
<td><a href="#">Jane Doe</a></td>
<td>915.70</td>
</tr>
...
</table>
<div id="client_details>
this is where I want the client details to go that will have more information than the table up above
</div>

身份证件
名称
帐号
1.
3838.3234
2.
915.70
...

你试过jQuery吗

您想做的基本操作如下所示:

$('#elementId').fadeOut().html('[NEW MARKUP]').fadeIn(); 

首先,您需要向链接添加ID或类。 即:


如果您需要加载客户端信息,请查看Ajax($.post(),$.load())

其他答案提供了可靠的指导,尽管这与简单地执行链接淡出淡出淡出一样简单,如果您希望它们同时淡入淡出,以获得更好的效果,而不需要任何延迟,也不需要先等待一个淡出另一个淡入,您可以像我在这把小提琴中所做的那样:


当我了解到这个概念时,如何让[NEW MARKUP]部分为200多个客户端显示正确的信息?我是否为每个客户机设置了一个div,并将详细信息和div的显示设置为none?如何获取链接以指定客户端的详细信息?@mikepreble使用ajax调用来实现这一点。阅读jQuery的GET文档——这使您可以根据需要检索信息片段。大量的小请求总是比一个占用大量内存的显示器要好:没有密集型显示器。这就是我需要的。不仅是代码,而且是一个使用它并了解它如何工作的地方。谢谢你,很高兴能帮上忙。如果您有大量的用户,您可能需要考虑Ajax调用,而不是查找JQuery的GET,并查看一些示例,它都是简单的死活,并且使您的服务器和服务器的生命变得更简单。在脚本的顶部,我将当前的一组客户端加载到一个数组中(基于WHO登录的客户端加载)。所以我只是在打1分贝的电话。但如果我想让人们能够查看每个人(600多个客户),我可能会研究一下。谢谢你的建议。
<a href="#" id="jane_doe" class="client">Jane Doe</a>
   $('.client').click(function(){
//When you click on a link which has the 'client' class...

$('#client_details').fadeOut(100).html('the client details information').fadeIn(100);
});