![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_09.png?5a7ff87)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<script src="components/loader.js"></script>
<script src="lib/onsenui/js/onsenui.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></s …
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
<link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
<link rel="stylesheet" href="css/style.css">
<script>
var count = 0;
function increment() {
count++;
update();
}
function update() {
var str = ('0' + count).substr(-2);
$('img.counter-digit').each(function(i,e){ if (i<str.length) e.src = "img/noo_@.png".replace(/@/, str.charAt(i)) });
}
$(function() {
$('.count-button').on("touchend", increment);
update();
})
$(function() {
$('.count-button').on('.count-button','click',function(){
$(this).remove();
$('#sortable').append($(this).clone().addClass("ui-sortable-handle"));
});
});
function openYahoo(){
$(this).remove();
$('#unList').append($(this).clone().removeClass("ui-sortable-handle"))
}
setTimeout("openYahoo()", 3000);
</script>
以上のプログラムでcount-buttonを一度クリックするとopenYahooの実行によりボタンが消えるというプログラムを作成していたのですが、「uncaught TypeError:Cannot read property 'ownerDocument' of undefine」というエラーがあり、カウントはできるのですがボタンが消えてくれません
初歩的なことかもしれませんが助けてください。
No.2ベストアンサー
- 回答日時:
こんにちは
ざっと眺めただけで、確認はしていませんが・・・
>count-buttonを一度クリックするとopenYahooの実行により~
count-buttonのクリックでは、openYahoo()は実行されるようになっていないと思いますけれど??
関数openYahooが実行されるのは、最後の1行の
setTimeout("openYahoo()", 3000);
を処理しようとする時だけではないでしょうか?
しかもthisが定まっていないので、関数の中で$(this)として引用されているthisは一体何になっているのでしょうか?
(グローバルオブジェクトかな?)
想像するところ、そこでエラーになっているのではないでしょうか?
(実際のエラー発生個所は、jQuery内の解釈構文中かも知れませんが・・・)
ボタンを押してカウントした後に
openYahooが起動できるようにしたらいいんですかね?
私が修正しても思うように動いてくれないので
よかったらサンプルコードを記載していただけませんか?
お忙しいとは思いますが、お願いします
No.1
- 回答日時:
スタイルシートがやたら拡張されていてなんだかわかりません
HTMLとそれに対してどういうトリガーでどうしたいのか明示されたほうがよいでしょう
<body id="mainn">
<div class="page1_background">
<form name="zbotoon"method="post" action="zukann.html">
<button type="image" id="bottonz"><img src="img/zbotton.png"style="width:180px;height:120px"></button>
</form>
</div>
<button class="count-button"><img src="img/megane.png" width="100"height="50"style="position: relative;
top: 60px;right:50px;"></button>
<button class="count-button"><img src="img/megane.png" width="100"height="50"style="position: relative;
top: 100px;left:50px;"></button>
<div class="counter">
<img src="img/no_00.png" height="100"width="80" class="counter-digit" style="position: relative;
top: -200px;right:100px;">
<img src="img/no_00.png" height="100"width="80" class="counter-digit" style="position: relative;
top: -200px;right:155px;">
</div>
</body>
</html>
HTMLはこちらです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
プラグイン無しでContactform7...
-
パソコンでホームページを作成...
-
javascript外部読み込みの際の引数
-
Javascriptの外部サーバーから...
-
jQuery UIのdraggableについて
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
getElementsByNameで要素が取得...
-
JavaScriptからVBScriptの呼び...
-
window.openで同画面遷移しない
-
変数の代入値を外部の.txtファ...
-
javascriptの外部ファイルで行...
-
別ファイルのfunctionの読み込み方
-
ユーザーが更新ボタンを押さな...
-
外部からのjs呼び出しについて。
-
フォーカス移動抑止について
-
スマホ上で、左右スワイプで次...
-
別フレームの中にあるインライ...
-
インラインフレームをドラッグ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
マウスオーバー+クリカブルマッ...
-
jquery ui.resizable 使い方
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
ebayの返信で『 Message may no...
-
<script>タグというのはどこか...
-
jqueryについて(Lightboxとbxs...
-
lightbox2 表示の不具合
-
外部JSファイルで値を受け取る方法
-
javascript外部読み込みの際の引数
-
colorboxの直接呼び出し方法に...
-
bxslider、画像が3枚以上になる...
-
同HTML内で複数のjQueryを設置...
-
DreamWeaverでJS
-
サイトにアクセスした際、数秒...
-
javaスクリプトについて質問で...
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
おすすめ情報