Necesito una manera de forzar / asegurar el atributo href de una etiqueta <a>, porque se desactiva por js desconocido.

Tengo una página web que usa una plantilla (esto: http://templated.co/visualize). Cuando haces clic en una miniatura, se activa JavaScript que abre una fotografía y oscurece el resto de la pantalla. El HTML que activa el javascript se ve de la siguiente manera:

<section class="thumbnails">
    <div>
        <a href="images/thumb_big.png">
            <img src="images/thumb.png" alt="" />
            <h3>Overview</h3>
        </a>
    </div>
</section>

Sin embargo, no lo necesito para fotografías: quiero que la miniatura en la que se pueda hacer clic abra un modal. Lo ajusté en consecuencia:

<section class="thumbnails">
    <div>
        <a href="" data-toggle="modal" data-target="#myModal">
            <img src="images/thumb.png" alt="" />
            <h3>Overview</h3>
        </a>
        <!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <img style="float:left" src="images/thumb_big.png" />
                        <p><a href="overview.html">Overview</a> beinhaltet eine Auflistung</p>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

El modal funciona pero el atributo href del enlace <a href="overview.html"> dentro de él se deshabilita. Simplemente ya no está allí, cuando reviso el html en firebug, muestra que solo es una etiqueta <a> vacía con algunos atributos css agregados. No puedo encontrar el pasaje en los archivos javascript de la plantilla que hace esto. ¡Así que estoy buscando una forma de javascript o jquery para sobrescribir esto!

¿Hay alguna manera de 'forzar' el atributo href en un enlace en la sección de script del archivo de índice?

¿O para forzar la seguridad del atributo href?

0
sardine 9 may. 2016 a las 09:58

3 respuestas

La mejor respuesta

Puedes probar este código:

<a href="javascript:void(0)" onclick="alert(1);">test</a>
1
Sharon 9 may. 2016 a las 07:35
    <section class="thumbnails">
                                    <div>
                                        <p >
                                            <img src="images/thumbs/01.jpg" alt="" />


                                          <a  href="images/fulls/01.jpg">
                                              Lorem ipsum dolor sit amet
                                          </a>  
                                        </p>

                                    </div>

                                </section>
</section
0
Mia 9 may. 2016 a las 07:29

Puedes intentar agregarlo así:

<script type="text/javascript">
   $(".modal-body").find('a').attr('href','overview.html');
</script>
1
Sharon 9 may. 2016 a las 07:33