楽天市場、Yahoo!ショッピング(PayPayモール)、au Payマーケットのストアページ制作をしています。特集ページ制作が得意です。 「わかりやすく伝える」をモットーにサンプル、デモを交えてECページ制作テクニック、Web制作テクニックを解説します。 ecmemo.net@gmail.com プロフィール詳細 お問い合わせ
という基本的な内容から「data()」と「attr()」の違いについてや「$.data()」と「data()」の違いなど、応用的な使い方に関しても解説していきます。この記事で、data()メソッドをしっかり学習して自分のスキルアップを目指しましょう! data()とは? それでは、まず最初にdata()メソッドについて基本的な知識を身につけていきましょう!「data()」を使うとHTML要素内に付与されたdata属性に対して、取得・設定・変更などが簡単に行えるようになります。 ここで、data属性について簡単におさらいしておきましょう!HTML要素には「id属性」「class属性」などの属性を付与できますが、独自の属性を作成して付与できるのがdata属性の特徴です。 例えば次のように「data-」から始まる属性は、すべて独自に作った「data属性」になります。 <p data-name="
インラインフレームを使用する場合はフレーム内のリンクにtargetをつけなければ、フレーム内部でページが開かれてしまう。 これを回避するために使われるのが 上記を<head>内に記述すればリンクのtargetが全て親ウィンドウで開かれるようになる。 しかし、この<base>タグを記述しているにも関わらずtarget="_self"やtarget="_top"、target="_blank"などが効かない現象に陥ることがある。 その原因は・・・ JavaScriptととの競合 scriptにこれが入っている場合には<base>タグの指定が無効化されてしまう。 自分で記述した場合は原因がすぐに特定できるかもしれないが、ECCサイトなどで自動的に挿入されるscriptに記述されている場合もあるので要注意。 Yahoo!ショッピングのトリプルなどがこれにあたり、トリプルで作成したページをインライン
ショッピングサイトにおいて、 各商品のオプションや数量を変更したときに、 合計金額や内訳を表示数方法として、 変更前から変更後の価格に徐々に変化しているようにアニメーションさせる方法があります。 私も今回携わった案件で、その方法が求められ、実際に組んでみることになりましたので、 その方法をご紹介したいと思います。 ↓こちらがデモです DEMO $(function(){ /* 初期値の設定 */ var priceBase = removeFigure($(".basePrice1").text()); //基本価格を取得 var priceOptions = removeFigure($(".optionTotal").text()); //オプション合計を取得 var priceTotal = priceBase + priceOptions; //基本価格とオプション合計から総額を計
https (保護された通信) だと、jQuery などが動作しないことがあります。 記述をチェックしてみてください。 例:<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script> で記述していた場合、https 通信下では jQuery 本体がブロックされて反映されません。 上記は jQuery ですが、同じ状況かつ記述だと CSS も反映されません。 [ 対処法 ] <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script> と、// から記述すれば解決します。 ちなみに、 ◪ src=”https〜” で記述した場合 http、https、のページのどちらとも
スマホサイト制作に必要だったので忘れないようにメモ。時間が空いたときにきちんと整理。 スマホやパッドなどでJavaScript[jQuery]を実行したくないときに使います。今回は端末認証ですがOSでもいけるでしょう。 記述もHTML内・JSファイル内の両方で可能。 【plugin.js内記述】条件判定でスマホとタブレットでJSの実行禁止 単純にifを利用し、もしiPhone/Android/iPadでなければ実効するといったものです。 利用したいjQueryなどのソースを以下の記述で囲めばOK。 if(!navigator.userAgent.match(/(iPhone|iPad|Android)/)){ //ここから以下へ実行するJavascriptを記述 ・・・・・ //ここまで } 【HTMLヘッド内記述】条件判定でスマホとタブレットでJSの実行禁止 js内に記述するのと利用方法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く