Autor Zpráva
Sylar
Profil
Zdravím,
mám div#contatinment 200x200px a uvnitř toho je další div#inside 300x300px. #containment je nastaven jako "containment" v jQuery funkci draggable(), ale je rozšířen vnitřním elementem #inside, takže s vnitřním elementem mohu hýbat nejen v rámci #containment divu, ale ještě o dalších 100px na kažou stranu (rozměry prvku #inside).

Je možné nějak omezit pohyb #inside prvku pouze na rozměry #containmentu?
Aby to ještě upřesnil, v mém případě to funguje tak, že prvek #inside obsahuje dva divy. Jeden o rozměrech 30x30px, za který je možné s #inside elementem pohybovat a druhý, který obsahuje text. Tento druhý element, je standardně skrytý a zobrazí se až při hoveru #inside prvku.

HTML:
<div id="containment">
   <div id="inside">
      <span id="pointer"></span><!-- za tento element se "tahá" a s tímto by mělo být možné hýbat pouze v rámci #containment -->
      <span id="content"></span>
   </div>
</div>

JS:
      jQuery("#containment").find("#inside").draggable({
        containment: "parent",
        scroll: false,
        start: function(event, ui) {
          sNotes.setMoving(true);
          sNotes.vars.dragging = true;
        },
        stop: function(event, ui) {
          sNotes.moveNote(jQuery(note).attr("id").split("-")[1]);
        }
      });

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: