jquery upgrade oder nebeneinander?

[mercury]

Mal ne semiprofessionelle Frage:

Der Shop läuft ja mit jquery 1.4.x. Ich habe nun verschiedene snippets intergriert die teilweise 1.7.x benötigen. Kanm an eigentlich einfach den Verweis im header für das jquery script ersetzen, von 1.4 auf 1.7, quasi als uopdate? Der Gedanke ist hier dass das Ganze irgendwie abwärtskompatibel wäre..

sorry, wenn es eine unsinnige Frage ist, solange ich die scripte die ich bereits nutze nur auf der einen oder anderen CMS Seite verwende hat es ganz gut geklappt mit einem Verweis direkt im HTML (dann aber eben nur auf der einen Seite). Jetzt hätte ich aber gerne etwas Homepage übergreifendes und da stellt sich also diese Frage..

 

[ag-websolutions.de]

AW: jquery upgrade oder nebeneinander?

nein so einfach ist das nicht ... es gibt auf jquery wiederum aufbauende js-scripte, die aber nicht unbedingt unter 1.7 laufen ... du müsstest sämtliche jscripte durchtesten

 

[mercury]

AW: jquery upgrade oder nebeneinander?

Danke für Deine Antwort.

Und nebeneinnader, also parallel, könnte auch zu Konflikten führen, oder? Müsste man also auch durchtesten?

 

[ag-websolutions.de]

AW: jquery upgrade oder nebeneinander?

Müsste man also auch durchtesten?

genau

 

[mercury]

AW: jquery upgrade oder nebeneinander?

Hm, dachte ich mir. Und schon habe ich ein Problem. Ich habe einen kleinen Slider. Wenn ich den auf einer Contentseite mit ausgeblendeten Boxen einsetze, dann klappt alles wunderbar. Wenn ich aber (was ich eigentlich vorhatte) in eine Box setze, dann wird die ganze HTML Ausgabe wohl an der stelle abgebrochen, wo die Box sich befindet. Das heisst, der ganzen Seite fehlt dann auf einmal der Footer, und die Boxen die unter meiner Sliderbox gewesen wären.

Macht das Sinn?

Ich meine dass der HTML Markup für den Rest dann fehlt? Ist das ein Javascript Konflikt? Und wir kann ich rausfinden, woran das liegt?

 

[ag-websolutions.de]

AW: jquery upgrade oder nebeneinander?

Ist das ein Javascript Konflikt?

eher nein ... zeig mal den code

 

[mercury]

AW: jquery upgrade oder nebeneinander?

Hi,

das ist das Schnipselchen, das zum Abschnitt der Seite führt:

<div class="minislider_portfolio" id="first_mini_slider">
    <div class="controller  toolbox-white" style="top:330px">
        &nbsp;</div>
    <ul>
<!-- ####  THE 1st SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/01.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title gold">
                    Pri graece labore</div>
                <div class="hover_readmore">
                    <a class="button small gold" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_gold">
                    &nbsp;</div>
                <div class="hover_cont">
                    Ut duo odio posse debitis, ei congue laoreet philosophia duo. Autem dolorum ad nam, facer pesecuti eu eam. Sed paulo elaboraret ad.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Gold Example</div>
            </div>
        </li>
<!-- ####  THE 2nd SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/02.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title green">
                    Ut duo odio posse</div>
                <div class="hover_readmore">
                    <a class="button small green" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_green">
                    &nbsp;</div>
                <div class="hover_cont">
                    Et vel mutat clita torquatos, est in euripidis scriptorem, ex doming dolores democritum.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Green Example</div>
            </div>
        </li>
<!-- ####  THE 3thd SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/03.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title blue">
                    Autem dolorum nam</div>
                <div class="hover_readmore">
                    <a class="button small blue" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_blue">
                    &nbsp;</div>
                <div class="hover_cont">
                    Ut duo odio posse debitis, ei congue laoreet philosophia duo. Autem dolorum ad nam, facer pesecuti eu eam. Sed paulo elaboraret ad.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Blue Example</div>
            </div>
        </li>
<!-- ####  THE 4th SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/04.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title white">
                    Om tritani easarchum</div>
                <div class="hover_readmore">
                    <a class="button small grey" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_white">
                    &nbsp;</div>
                <div class="hover_cont">
                    Et vel mutat clita torquatos, est in euripidis scriptorem, ex doming dolores democritum.<br />
                    <br />
                    In quando argumentum quo, at eam altera blandit gloriatur, id usu solet dicunt perfecto.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Grey Example</div>
            </div>
        </li>
<!-- ####  THE 5th SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/05.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title red">
                    Pri graece labore</div>
                <div class="hover_readmore">
                    <a class="button small red" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_red">
                    &nbsp;</div>
                <div class="hover_cont">
                    Ut duo odio posse debitis, ei congue laoreet philosophia duo. Autem dolorum ad nam, facer pesecuti eu eam. Sed paulo elaboraret ad.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Red Example</div>
            </div>
        </li>
<!-- ####  THE 6th SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/06.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title yellow">
                    Ut duo odio posse</div>
                <div class="hover_readmore">
                    <a class="button small yellow" href="#"> <span> READ MORE </span></a></div>
                <div class="hover_divider back_yellow">
                    &nbsp;</div>
                <div class="hover_cont">
                    Et vel mutat clita torquatos, est in euripidis scriptorem, ex doming dolores democritum.<br />
                    <br />
                    In quando argumentum quo, at eam altera blandit gloriatur, id usu solet dicunt perfecto.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Yellow Example</div>
            </div>
        </li>
<!-- ####  THE 7th SLIDE ### -->        <li>
            <div class="normal_content">
                <img alt="" src="minislides/images/testim/07.jpg" /></div>
            <div class="hover_content">
                <div class="hover_title gold">
                    Autem dolorum nam</div>
                <div class="hover_divider back_gold">
                    &nbsp;</div>
                <div class="hover_cont">
                    Ut duo odio posse debitis, ei congue laoreet philosophia duo. Autem dolorum ad nam, facer pesecuti eu eam. Sed paulo elaboraret ad.</div>
            </div>
            <div class="toolbar">
                <div class="title">
                    Elephant</div>
            </div>
        </li>
    </ul>
</div>
<div class="small_spacer_negative">
    &nbsp;</div>
<!--
        ##############################
         - ACTIVATE THE SCRIPTS HERE -
        ##############################
        --><script type="text/javascript">
            
            $(document).ready(function() {
                                                                     
                
                        
            
                
                <!-- THE ACTIVATION OF THE MINI IMAGE SLIDER PLUGIN -->
                jQuery('#first_mini_slider').minislides(
                    {                                        
                        width:200,
                        height:346,                            
                        slides:1,
                        padding:20,
                        ease:'easeOutElastic',
                        speed:400,
                        hidetoolbar:2000,
                        animtype:1,
                        mousewheel:'on',
timer:4000

                    })
            
                                    
            
                

                <!-- THE ACTIVATION OF THE LIGHTBOX PLUGIN -->
                 jQuery('.freshlightbox').fhboxer({})
                 jQuery('.freshlightbox_round').fhboxer({
                        hover_round:"true"
                 })
                 
                 
        });
        </script>

wenn ich das einfüge, dann ist nach meiner Bestsellerbox die Seite zu Ende, und zwar so:

...

                               <p class="price_wrapper">
<span class="price_label only">  </span>
<span class="price_img"><img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/f8b09c321dfe9d5c98ac93c7ff09d555.png"]templates_c/f8b09c321dfe9d5c98ac93c7ff09d555.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/0548f1d04d1caef3e5b39c51233cec02.png"]templates_c/0548f1d04d1caef3e5b39c51233cec02.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/da8152a1b639a627e9bd377211cb65ab.png"]templates_c/da8152a1b639a627e9bd377211cb65ab.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/e56af3d323db362adcaa2b139f18cffe.png"]templates_c/e56af3d323db362adcaa2b139f18cffe.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/0cf122f62c6d515b071c8b9b25ff8862.png"]templates_c/0cf122f62c6d515b071c8b9b25ff8862.png[/URL]" border="0" />
<span style="display:inline-block;width:20px"></span>
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/76979067a1a80e8f04bc4dcb2bd4ae7b.png"]templates_c/76979067a1a80e8f04bc4dcb2bd4ae7b.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/06eb9333cb6a88e0be428fd95b3c2675.png"]templates_c/06eb9333cb6a88e0be428fd95b3c2675.png[/URL]" border="0" />
<img src="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/templates_c/6e4ea7c0e63bb5e250614f68f52046b9.png"]templates_c/6e4ea7c0e63bb5e250614f68f52046b9.png[/URL]" border="0" /></span>
<!-- /price_img --><br /><small class="base_price"><b class="label">Grundpreis: </b><span class="value">6,24 &euro; pro 100 ml</span></small><br />
<span class="price_note"><span class="vat_info">inkl. 19% USt., zzgl. <a href="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/Versandkosten"]Versandkosten[/URL]" rel="nofollow" class="versand">Versand</a></span></span></p>
         </div>
 </li>
 </ul> 
 </marquee> 
 <p class="tcenter"> 
 <a href="[URL="http://forum.jtl-software.de/view-source:http://www.mr-fuss.com/Bestseller"]Bestseller[/URL]">Zeige alle Bestseller</a>       </p>
   </div>
 </div>

Hast Du eine Idee?

 

[ag-websolutions.de]

AW: jquery upgrade oder nebeneinander?

setz mal den javascript-block aus deinem ersten code-posting in

{literal} ... {/literal}

ansonsten mal smarty-debug einschalten und sehen ob ein Fehler ausgegeben wird

 

[mercury]

AW: jquery upgrade oder nebeneinander?

Genial!!

Das hat's gelöst.

Woran lag das jetzt?


p.s.: tausend Dank sei hier nicht vergessen

 

[ag-websolutions.de]

AW: jquery upgrade oder nebeneinander?

Woran lag das jetzt?

smarty ... die Box wird über smarty geparst ... smarty verwendet aber selber geschweifte Klammern {} so dass die geschw. Klammern des jscript damit kollidierten.

Um das zu umgehen gibt es zwei Möglichkeiten:

- im javascript alle geschw. Klammern smartykonform umschreiben ... aus { wird {ldelim} ... aus } wird {rdelim}
- den ganzen js-code zwischen {literal} / {/literal} setzen, damit wird smarty angeweisen diesen nihct zu parsen

 

[mercury]

AW: jquery upgrade oder nebeneinander?

Super. Danke Dir.

Wieder mal was gelernt.