在网站中实现PHP.如何为数据库中的每个id调用jquery函数

Implementing PHP into website. How to call jquery function for each id from the database?

本文关键字：id jquery 函数 调用 实现 网站 PHP 数据库      更新时间：2023-09-26

这是测试页面：http://grozav.com/test.php

我试图为mysql数据库表中的每个图像添加一个jquery函数。这是生成的代码：

<div class="thumb" id="grozav-thumb">
<a class="ajax" href="gallery/grozav.html">
<p class="work-type">MOTION GRAPHICS</p>
<img src="http://grozav.com/images/thumbs/grozav-bwthumb.jpg" alt=""/>
<img src="http://grozav.com/images/thumbs/grozav-thumb.jpg" alt="" class="color"/>
</a></div>

我需要一个函数，它为每个div创建一个带有类缩略图的代码。结果应该是这样的：

*thumbnail（）是一个函数

thumbnail('divid');

有点像

thumbnail('grozav')

非常感谢！

在阅读了这里的建议后，我将代码更改为：

function thumbnail(param1){
$(param1).hover(
    function() {
        $(param1+' .color').hide().stop().fadeTo(500,'1');
    },
    function() {
        $(param1+' .color').stop().fadeTo(500,'0');
    }
) ;                 
};
for(var p in document.querySelectorAll('div.thumb'))

缩略图（p.id）

编辑问题解决了。我使用了下面的jQuery代码来做这件事，它似乎工作得很好。

$("div.thumb").each(function (){
    var id = $(this).attr('id');  
    thumbnail(id);});

将该函数应用于通过php创建的每个div。无论如何，谢谢你们！

您的thumbnail函数是在$(document).ready(function(){中定义的。这意味着，在网站完全加载之前，浏览器不会知道thumbnail()。因此，当您的浏览器在div中偶然发现<script>thumbnail('img0');</script>时，它不知道这个thumbnail是什么意思。

你应该把缩略图的调用放在你对缩略图的定义之后。类似的东西

function thumbnail(param1){
$('#'+param1+'-thumb').hover(
    function() {
        $('#'+param1+'-thumb .color').hide().stop().fadeTo(500,'1');
    },
    function() {
        $('#'+param1+'-thumb .color').stop().fadeTo(500,'0');
    }
) ;                 
};
for(var p in document.querySelectorAll('div.thumb'))
    thumbnail(p.id);

也许jQuery中有比这更好的解决方案，但这应该能满足您的需求。

编辑：使用浏览器的错误控制台（在本例中为[xx:xx:xx.xxx] thumbnail is not defined @ http://grozav.com/test.php#portfolio:119）-它将帮助您更快地发现错误。

问题已解决。我使用了下面的jQuery代码来做这件事，它似乎工作得很好。

$("div.thumb").each(function() {
    var id = $(this).attr('id');  
    thumbnail(id);
});

将该函数应用于通过php创建的每个div。无论如何，谢谢你们！

相关文章：