Problema con Fancybox e iframe con PHP

[Lobito14]

Buenas, estoy teniendo un problema al implementar Fancybox y usar los iframes, a ver si puedo explicarme bien:

Tengo un sistema programado con PHP, en el cual, donde estoy intentando usar Fancybox, uso unos bucles para repetir las cosas dependiendo de la información que saque de una base de datos en MySQL.

Supongamos que tengo esto:

Código:

TipoVehiculo
|
|--MarcaVehiculo
    |
    |--ModeloVehiculo
    |--ModeloVehiculo2

Bien, pues yo tengo una clasificación en árbol, el cual, como os dije anteriormente, se va formando con código PHP respecto a lo que venga de la base de datos.
El ultimo dato del árbol, lo que en el ejemplo serian "ModeloVehiculo" y "ModeloVehiculo2" es donde estoy implementando Fancybox para abrir un iframe, entonces tengo el siguiente código para englobar "ModeloVehiculo":

Código HTML:

<li><a id="iframe" href="index.php?mod=mostrar"><? echo $tipo["nombreModelo"]. ?></a></li>
 

El código que tengo para el iframe es el siguiente:

Código HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
            !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <!--<link rel="stylesheet" href="./fancybox/style.css" />-->
    <script type="text/javascript">
        $(document).ready(function() {          
            $("#iframe").fancybox({
                'width'             : '100%',
                'height'            : '100%',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });
 
        });
    </script>
 

El problema viene con lo siguiente: como la ultima "rama" de ese árbol pueden ser uno, dos, tres... o los datos que sean, en el ejemplo son dos: "ModeloVehiculo" y "ModeloVehiculo2", el problema que tengo es que solo se abre bien el iframe de fancybox con el primero de todas, es decir, si tuviese: "ModeloVehiculo", "ModeloVehiculo2", "ModeloVehiculo3" y "ModeloVehiculo4", solo se abriría bien el iframe de fancybox con "ModeloVehiculo", los demás se abrirían en una nueva página.

Espero haberme explicado bien y que me hayan podido entender, porque es un poco enrevesado el asunto.

Llevo ya bastante tiempo comiéndome el coco, y no se por donde salir.

Si alguien puede darle un poco de luz al asunto, se lo agradecería mucho.

Un saludo.

[livemusic]

Amigo utiliza el metodo Live, para que resuelvas tu problema... ia que este te permite llamar funciones despues de que el doom este listo...

Código Javascript:

// edit = selector
            $('#edit').live('click', function(){
// Buscamos el id a ser modificado
                var id = $(this).parents().find('.table_check').attr('rel');
// URL de modificacion
                var url = 'ManageUser.php?pag=UpdateUser&id='+id;
                $.fancybox({
                    'href'  : url
                });
                return false;
            });
 

Espero y te sea de ayuda amigo...

[Lobito14]

Muchas gracias livemusic, pero si te soy sincero no entiendo muy bien como debería de implementar la solución que me proporcionas.

Saludos.