Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Znikanie codebuttons przez js

Założony przez  Hosiek.

29.09.2012, 14:37 (Ten post był ostatnio modyfikowany: 29.09.2012, 15:42 przez Hosiek.)
#1
wersja skryptu MyBB: 1.6.8
adres forum: localhost
na czym polega problem (screen, opis, komunikaty):

Mam pewnien skrypt js który robi mi płynne wysuwanie textarera wraz z codebuttons, jednak problem jest taki iż usuwa mi codebuttons z textarey.
Błedy jakie mi pokazuje Firebug:
[Obrazek: 92319130687393810596.png]
29.09.2012, 18:55
#2
Człowieku, może byś najpierw podał ten kod. To tak, jakby iść do weterynarza z karmą dla psa, bo jest chory.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
29.09.2012, 20:15 (Ten post był ostatnio modyfikowany: 29.09.2012, 20:16 przez Hosiek.)
#3
To jest ten kod:
<html>
<head>
  <style>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Click me!
<div></div>
<div></div>
<div></div>
<script>
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});

</script>

</body>
</html>
29.09.2012, 21:52 (Ten post był ostatnio modyfikowany: 29.09.2012, 21:54 przez Daniel Praźmo.)
#4
Jeśli piszesz skrypty do użytku w MyBB, to po pierwsze nigdy nie używaj $ zamiast jQuery, a po drugie pamiętaj o jQuery.noConflict, bo MyBB natywnie korzysta z biblioteki Prototype i się bez tego gryzą.

Poprawnie wyglądałoby to tak:
<html>
<head>
<style>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
</script>
</head>

<body>
  Click me!
<div></div>
<div></div>
<div></div>


<script type="text/javascript">
jQuery(document.body).click(function () {
if (jQuery("div:first").is(":hidden")) {
jQuery("div").slideDown("slow");
} else {
jQuery("div").hide();
}
});
</script>

</body>
</html>
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
30.09.2012, 09:34 (Ten post był ostatnio modyfikowany: 30.09.2012, 10:38 przez Hosiek.)
#5
Próbowałem z jQuery.noConflict(); i nie działało, ale zapomniałem o zmianie $ na jquery w wywołaniu skryptu - dzięki wielkie, dziala.



Użytkownicy przeglądający ten wątek:

1 gości