Pomoc sa jquery skriptama

Programiranje
1

Pozz

Radim jedan template i desilo mi to da je prilikom dodavanja jquery skripti ostale su prestale da rade original sto su bile u cms-u. JS i jquery mi nije jaca strana pa bi molio pomoc.

Sljedece skripte su postojece u cms-u, original u headeru:
https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
js/jquery.tools.min.js - https://pastebin.com/Lfkh5yVD
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
js/jquery.cookie.js - https://pastebin.com/LXR0amVm
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js
js/jquery.floating_popup.1.5.min.js - https://pastebin.com/MGPXmJNW

I od kad sam dodao nove u footer:
js/vendor.js - https://files.fm/f/5388666h
js/app.js - https://pastebin.com/kkQ1Et51

presto mi je radit tooltip na slike.i jos neke funkcije koje su napravljene preko JS.

Inace tooltip na slike je citao title iz slike i davao tooltip.

Ovo je isto original skripta u headeru :

        $(document).ready(function() {
        <opt name="init_tabs">
        $( "#tabs" ).tabs({ cookie: { name: "{_ACTION}" } });
        </opt name="init_tabs">
        $('.checkall').click(function() { $(this).parents('form:eq(0)').find('INPUT[type="checkbox"]').attr('checked', this.checked); } );

        // Tooltip only Text
        $('img').hover(function(){
            // Hover over code
            var title = $(this).attr('title');
            $(this).data('tipText', title).removeAttr('title');
            $('<p class="tooltip"></p>')
            .text(title)
            .appendTo('body')
            .fadeIn('slow');
        }, function() {
            // Hover out code
            $(this).attr('title', $(this).data('tipText'));
            $('.tooltip').remove();
        }).mousemove(function(e) {
            var mousex = e.pageX + 20; //Get X coordinates
            var mousey = e.pageY + 10; //Get Y coordinates
            $('.tooltip')
            .css({ top: mousey, left: mousex })
        });
    });
2

Imaš konflikt u scriptama… kako da to objasnim… iste promjenjive ($) u razlicitim scriptama…

Rjesenje je da to “razdvojis”… npr.:

<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>

Trebas sada potraziti sve $ … posao je to :slight_smile:

1 Like
3

Evo ga rijeseno, radi ko cura :smiley:

 $.noConflict();
      jQuery(document).ready(function($){
      <opt name="init_tabs">
          $( "#tabs" ).tabs({ cookie: { name: "{_ACTION}" } });
      </opt name="init_tabs">

      // Tooltip only Text
      $('[title]').qtip(); // Grab all elements with a title attribute, and apply qTip!

      $('.checkall').click(function() { $(this).parents('form:eq(0)').find('INPUT[type="checkbox"]').attr('checked', this.checked); } );
  });
1 Like
4

Super! Mene je to nekada pravo mucilo dok nisam nasao rjesenje s noConflict(); … :point_up:

1 Like