Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 7
Seite [1]
Horr


Wannabe poster




Beiträge: 25
 # Thema - 08.11.2012 um 14:57 Uhr
Hi!

I'm trying to use jqueryui lib, but for some reason, I'm getting an error. Possibly a conflict, it is already known to anyone? I'm specifically trying to use tabs, but I can not.

 
1.
2.
3.
4.
1. / 2. / ... 
 $(function(){
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});


 
1.
1. / 2. / ... 
 TypeError: $("#featured > ul").tabs is not a function


I've separated the code, I used only that portion of the tabs on another project and it worked. When I try to put inside clansphere, it happens.

Could anyone help me? Thank you!


Zuletzt editiert von Horr am 08.11.2012 um 14:58 Uhr (1x Editiert)
Inaktiv
Deaktiviert

Supporter
Supporter



Beiträge: 1287
 # Antwort: 1 - 08.11.2012 um 15:24 Uhr
You call the function after you included jquery and jquery ui?


Inaktiv
|
Horr
Thread-Ersteller


Wannabe poster




Beiträge: 25
 # Antwort: 2 - 08.11.2012 um 15:52 Uhr
Yes i do.

I've separated the code, I used only that portion of the tabs on another project and it worked. When I try to put inside clansphere, it happens.


Inaktiv
|
Deaktiviert

Supporter
Supporter



Beiträge: 1287
 # Antwort: 3 - 08.11.2012 um 16:00 Uhr
Sorry.

You got maybe a live view?


Inaktiv
|
Horr
Thread-Ersteller


Wannabe poster




Beiträge: 25
 # Antwort: 4 - 08.11.2012 um 16:08 Uhr
Unfortunately not =(

But i can give u the entire code to test on ur clansphere.

U'll need some css to works, but i think this is enough

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
1. / 2. / ... 
 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> 

$(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
 });

<ul class="images">

                                    <li>
                                        <a href="">
                                            <span>test</span>
                                            <img src="images/image1.jpg" alt=""/>
                                        </a>
                                        <div>
                                            <h2><a href="">test</a></h2>
                                            <p><a href="">testing</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="">
                                            <span></span>
                                            <img src="images/image12.jpg"/>
                                        </a>
                                        <div>
                                            <h2><a href="">test2</a></h2>
                                            <p><a href="">testing12</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <a href="">
                                            <span>test3</span>
                                            <img src="images/image3.jpg" />
                                        </a>
                                        <div>
                                            <h2><a href="">test3</a></h2>
                                            <p><a href="">testing4</a></p>
                                        </div>
                                    </li>

                                </ul>
                                
                                <div id="featured">
                                    
                                    <ul>

                                        <li class="selected" id="nav-fragment-1">
                                            <a href="">
                                                <span>test1</span>
                                                <img src="images/thumb1.jpg" />
                                            </a>
                                        </li>

                                        <li id="nav-fragment-2">
                                            <a href="">
                                                <span>test2</span>
                                                <img src="images/thumb2.jpg" />
                                            </a>
                                        </li>

                                        <li id="nav-fragment-3">
                                            <a href="">
                                                <span>test3</span>
                                                <img src="images/thumb3.jpg" />
                                            </a>
                                        </li>

                                    </ul>
                                    
                                </div>
Inaktiv
|
Deaktiviert

Supporter
Supporter



Beiträge: 1287
 # Antwort: 5 - 08.11.2012 um 16:25 Uhr
Please use the latest jquery UI and retry:

http://code.jquery.com/ui/1.9.1/jquery-ui.js


Inaktiv
|
Horr
Thread-Ersteller


Wannabe poster




Beiträge: 25
 # Antwort: 6 - 08.11.2012 um 16:30 Uhr
Same error.

It's a conflict thing. I don't know if the OP of this topic (http://www.csphere.eu/forum/board/thread/where/15283/start/0) got what he wanted, or if this is the same kind of problem..guess not.. anyway, don't know what is causing this conflict :/


Inaktiv
|
Deaktiviert

Supporter
Supporter



Beiträge: 1287
 # Antwort: 7 - 08.11.2012 um 17:08 Uhr
I got an idea. Please place over:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></sc ript>

this:

{func:javscript}


Inaktiv
|
Antworten: 7
Seite [1]


Sie müssen sich registrieren, um zu antworten.