Po kliknięciu obrazu tekst wydaje się pojawiać, ale nagłówek jest duplikowany, a przyciski "Powrót do Portofolio" i przyciski nagłówka nie wydają się działać.

Jeśli wrócisz do strony "Portfolio", tekst projektu nadal pojawia się tekst.

http://www.janinejaufvel.com/test/

html

<li style="height:393px;" data-src="http://www.janinejauvel.com/wp-content/uploads/2012/09/editorial-1-rwd-magazine.png">
<span class="cover" style="width:308px;height:0px;background-image:url('http://www.janinejauvel.com/wp-content/uploads/2012/09/bg-white.png')"></span>
<hgroup style="width:308px;height:393px;background-image:url('http://www.janinejauvel.com/wp-content/uploads/2012/09/bg-white.png')" data-project="test/dirty-fashion">
                        <div>
                            <h3>Editorial I</h3>
                            <span class="dash">&mdash;</span>
                            <p>RWD Magazine</p>
                        </div>
                    </hgroup>
                </li>

script.js

// load the project into the slideshow container div
                $('#slideshow-container').load('' + $hgroup.attr('data-project'), function() {
                    // bind slideshow
                        slideshow.render();
                        $('section#work').css('margin-top', '0px');
                });

            });


$(document).ready(function() {

    hattie.init();
    hattie.clickEvents();
    hattie.loadImages();

});

$(window).resize(function() {

    // get the currently active project, if there is one

    if ($('#slideshow').length > 0) {


        var activeProject   = $('#slideshow').attr('class');

        // trigger click
        $('hgroup[data-project="'+ activeProject + '"]').trigger('click');

    }


});
0
user1096057 11 wrzesień 2012, 00:43

2 odpowiedzi

Najlepsza odpowiedź

Spróbuj zmienić:

$('#slideshow-container').load('' + $hgroup.attr('data-project'), function() {

Do:

$('#slideshow-container').load('' + $hgroup.attr('data-project') + ' #content', function() {

Spowoduje to załadowanie treści DIV w adresie URL w $ Hgroup.attr ("Projekt danych").

0
fanfavorite 10 wrzesień 2012, 21:03

Ponieważ podczas nazywania obciążenia ładujesz całą stronę HTML w tym div, który zawiera ten element nagłówka.

Spójrz na to, co znajduje się na stronie, którą ładujesz: http://www.janinejave.com/test/ Dirty-Fashion

Po prostu chcesz treści. Spójrz na ładowanie Fragment strony.

0
epascarello 10 wrzesień 2012, 20:48