Resizableでクリック軸判定方法

このQ&Aのポイント
  • Resizableでリサイズするときに、どの軸をクリックしてリサイズしているか判定する方法を教えてください。
  • グーグルで検索すると同様の質問があったのですが、uiのバージョンの違いでなのか、このとおり実施してもエラーになってしまいました。
  • エラーメッセージ「Uncaught TypeError: Cannot read property 'axis' of undefined」が表示されます。
回答を見る
  • ベストアンサー

Resizableでクリック軸判定方法

jquery-1.9.1、jquery-ui-1.10.3 を使用しています。 Resizableでリサイズするときに handers で設定したいずれかの軸 (w, e ...)をクリックすると思いますが、 どの軸をクリックしてリサイズしているか判定する方法を教えてください。 グーグルで検索すると同様の質問があったのですが uiのバージョンの違いでなのか、このとおり実施してもエラーになってしまいました。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1395973633 ->var that = $(this).data('resizable'); that.axis; // axisプロパティにアクセス ->「Uncaught TypeError: Cannot read property 'axis' of undefined」

質問者が選んだベストアンサー

  • ベストアンサー
  • my--
  • ベストアンサー率89% (91/102)
回答No.1

$( "#resizable" ).resizable({ stop: function(event, ui) { var that = $(this).data('ui-resizable'); // jQuery UI Resizable 1.10.3 that.axis; // axisプロパティにアクセス } });

kuroinu_dcom
質問者

お礼

ありがとうございます。 とても助かりました。

関連するQ&A

  • jquery ui.resizable 使い方

    jquery ui.resizable でdivをリサイズするとき同時に内部にあるdivをリサイズしたいのですができません。 <div id="out"> <div id="inner"> </div> </div> で、 http://stacktrace.jp/jquery/ui/interaction/resizable.htmlを参考にして、 $('#out').resizable({proportionallyResize:["#inner"]}); としてみたのですが、#outは、リサイズできますが、#innerを同時にリサイズできません。 組み込んだjs、cssは、 http://jqueryui.com/download よりDLした、jquery-jquery-ui-1.8.7-0-g12bea93.zipに納められていた jquery.dimensions.js jquery.ui.core.js jquery.ui.widget.js jquery.ui.mouse.js jquery.ui.resizable.js jquery.ui.draggable.js 及び jquery.ui.resizable.css を、記載の順に組み込みました。 行いたいことは、divをリサイズしたとき、その内部のdivも同時にリサイズすることです。 proportionallyResizeを使う方法でなくても構いません。 方法のわかる方なにとぞよろしくお願いいたします。

  • javascriptのエラーで困っています

    javascriptのエラーで困っています question.js:12 Uncaught TypeError: Cannot read properties of undefined (reading 'substr') at window.onload 参考URL https://www.kuuneruch.com/javascript01/ 何のエラーでしょうか? ご教授よろしくお願いします。

  • jQueryが動きません。

    表題のとおりです。 fademover(http://www.detelu.com/fademover/)を動かそうと思って 導入しても動いてくれません。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jquery.fademover.js"></script> <script> $(function(){ $('body').fadeMover({'effectType': 2,'inSpeed': 5000}); }); </script> の部分。 Chromeだと Uncaught TypeError: Object [object Object] has no method 'fadeMover' index.html:14 (anonymous function) index.html:14 n ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 o.fireWith ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 e.extend.ready ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2 c.addEventListener.B Safariだと TypeError: 'undefined' is not a function (evaluating '$('body').fadeMover({'effectType': 2,'inSpeed': 5000})') と出ます。 jsやjqueryはあまりいじったことないので 手が出ない状態です。 よろしくお願いします。

  • javascriptの基礎的な質問です。

    ご覧いただきありがとうございます。 javascript コンソールで var D; D.d="T"; console.log(D.d) とうつと、 TypeError: Cannot set property 'd' of undefined と出てしまいます。 これとは別に、 var D={d:"T"}; console.log(D.d) はうまくいくのですが、 前者はどこが定義として不十分なのでしょうか。 よろしくお願いします。

  • イベントビューアの立ち上げ方

    イベントビューアの立ち上げ方をググったのですが http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1133406651 を見たのですが 「ピュータを右クリックしてプロパティから入って下さい。」をやってみたのですが どこにあるのでしょうか?

  • javascriptのクラス名操作について

    javascriptのgetElementsByClassNameについて質問があります。 下記のようなクラス名を削除して別のクラスをつけるサンプルプログラムを作成しましたがjavascriptのエラーが出てクラスの追加できません。 ※エラー内容:Uncaught TypeError: Cannot read property 'classList' of undefined ---------以下プログラム-------------- <div class="a">aaa</div> <script> var obj = document.getElementsByClassName("a"); obj[0].classList.remove("a"); obj[0].classList.add("b"); </script> --------以上---------------------------- 「obj[0].classList.remove」をした時の前後で「console.log("obj");」をしたところ、 remove後のobjの値が空になっていました。 なぜこうなるか分からないため、分かる方ご教授の程よろしくお願い致します。

  • iTunesが起動できない!!

    iTunesが開けなくなりました。 iTunesをクリックすrと、「[iTunes]フォルダーが必要ですが、見つからないか作成できません。このフォルダーのデフォルトの場所は、[マイミュージック]フォルダーです。」 と出ます。 おそらくPCの空き領域を増やすためにフォルダを外付けのHDDに移動していた内に、誤って消したか、間違った方法で移動させてしまったみたいです…。 どうすれば復活するのか分からないので、どなたか分かる方お願いします。 ここで質問し、教えて頂いたTweak UI をダウンロードしたのですが、インストールしようとすると、「このプログラムには既知の互換性の問題があります。」とでます。 それを無視してインストールすると、英語で「This version of Tweak UI requires Windows XP service Pack 1 or Windows Server 2003」とでて何も変わらずです。 また、http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1337536588の方法でもやってみたのですが、出来ません・・・ 本当に開けなくて困ってます。 どうかよろしくお願いします。

  • ASP.net

    asp:Textboxなどのサーバコントロールについて質問です。 質問(1)サーバコントロールには、runat=Serverと記載しますが、これはサーバにリクエストが走っているということなのでしょうか? 質問(2)それらのコントロールに対して、CSS3のプロパティは指定可能なのでしょうか? 質問(3)JQUERYの、DOCUMENT.READYや、#Button.clickは、使用可能でしょうか?また、JQUERY Mobileは使用可能でしょうか? ◆補則 (1)VBの部品を、ブラウザ上で動かすようなケースであれば、クライアントにダウンロードをさせずに動かすために、サーバで動くということもあるのでしょうが、asp:Textboxなどであれば、内部的にはHTMLのタグなのでしょうか? だとしたらリクエストはしないのですよね? (2)動的に、page.UI.textboxなどを作成すると、HTMLタグが持っている要素をプロパティとして持っていますが、ユーザコントロールは、もしHTMLとして作成されているtextboxならCSSプロパティを指定できそうですが、VBの部品なら操作できるのはVBのコントロールのプロパティですよね? (3)AJAXの考え方は、DOMだけ書き換えようとするのにたいし、ASPでは、FormをSubmitしてリクエストしますよね。 どうやって共存しているのでしょうか?

  • 要素の、プロパティ一覧を出力させる方法

    初学者ですが、宜しくお願いいたします。 JavaScriptのプロパティにどんなものがあり、実際設定されているのか? から思い立ち、以下のソースを書いてみました。 <form> <textarea id="ta">てすと</textarea> </form> <script type="text/javascript"> //idの付いたオブジェクト毎に、プロパティ一覧を出力させる方法 var prop=document.getElementById("ta"); for(i in prop){ document.write(i+" = "+prop[i]+"<br>"); } </script> 上だと思惑通り上手く行きますが、 ボタンを押したときに、<p id="propatydata"></p>の位置に表示させる仕様に変えようと思い、以下のようにしてみました。 <form> <textarea id="na">てすと</textarea> <input type="button" id="kakunin" onclick="propatys('na');" value="要素のプロパティ一覧を出力" /> </form> <p id="propatydata"></p> <script type="text/javascript"> <!-- function propatys(id){ var props=document.getElementById(id); for(i in props){ document.write(i+" = "+props[i]+"<br>"); } } // --> </script> テンパリました。 chromeの検証で「Uncaught TypeError: Cannot convert object to primitive value」となります。 またページが丸ごと変更?されてしまうようです。IEでもfoxでも動作しない、またはページが丸ごと変更されてしまいます。 出来るだけ簡潔なソースにするため、「for~in」は使って書いた方が良いと思うのですが、英知をお持ちの方、ご教授お願い致します。

  • PTBファイルを開きたい・・・助けてください(泣

    PTBファイルを開きたい・・・助けてください(泣 ptbファイルを開くためPower Tab Editorをダウンロードしたんですが、 インストールをしてptbファイルを開こうとすると Main Package name is missing.というメッセージが表示されます… 使用しているパソコンはdynabookということしかわかりません・・・ どうしたら開けますか? 以前VISTAでも使用できると言ってらっしゃる方を見つけたのですが、 →http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1127490076 右クリックすると 開く・切り取り・コピー・削除・プロパティ の項目しかないです・・・ どうすればいいでしょうか?またSetup.Exeとはなんですか? 無知ですみません;

専門家に質問してみよう