ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

ホーム > コミュニティ > PC、インターネット > jQuery.js > トピック一覧 > しつもん

jQuery.jsコミュのしつもん

  • mixiチェック
  • このエントリーをはてなブックマークに追加

コミュ内全体

コメント(444)

>>[404]

これ...、jQueryに関する質問に見えないんですが。
>>[404]
大して詳しくないんですが、
document.images.b.src

document.images["b"].src
にしたらどうでしょう?
うまくいくかは保証できませんが…
>>[406]
ありがとうございます!
月を数字で記入するとIEでは動かないという事が原因だったようです。
>>[407] とにもかくにも解決してよかったですね!
$('#hoge').click(function(){ alert('test') });

<div id="hoge">
texttexttexttexttexttext
<div id="fuga">ここはなにもさせない</div>
texttexttexttexttexttext
</div>

上記について、
id=fugaのエリアではアラートをさせたくないのですが、
どのようにしたらよろしいでしょうか?

$('#hoge').click(function(){ alert('test') });
ここやidの場所を変更することなく、
fugaに何か処理を加えて実装したいと考えております。

お願い致します!
>>[409]

こんなのではどうでしょう?
var flag=1;
$('#hoge').click(function(){
 if( flag===1 ) { alert('test'); }
 flag=1;
});
$('#fuga').click(function(){
 flag=0;
});

>>[411]
timerをセットして、必要なイベントを発生させればいいと思いますけど。
jquery初心者です!一緒に勉強しながら成長できそうな人探してます(´・∀・`)
質問させてください。
http://www.creativesurvey.jp/
のようなサイトの動作をしたいのですが、
スライドショー+画像が上下から出てくる・・・といった動作は
なんと呼ばれるものなのでしょうか?

おわかりの方いらっしゃいましたら、教えていただけないでしょうか?
よろしくお願いします。
>>[417]

こんなかんじでしょうかねぇ?

function blink(){
  var curBottom = $('#showdown2').css('bottom');
  var newBottom = (curBottom==="-100px")? "-5px": "-100px";
  $('#showdown2').animate({ bottom:newBottom },300);
}
$(document).ready( function(){
  setInterval("blink()",3000);
});

スライダー探してます!
coda-slider(http://kevinbatdorf.github.com/codaslider/)のクロスリンクのような自分で<a href="#1" data-ref="slider-id">Tab 1</a>でナビを自由に設定できるスライダー他にありますか?
>>[420]
こういうの、どうでしょう?お気に召すものはありますか?
http://www.tripwiremagazine.com/2012/12/jquery-slider.html

coda-sliderの何がどう気に入らないのかが書かれていなければこんな回答しか来ませんよ。
Meatianさん>ありがとうございます。coda-slider自体は、自分でクロスリンクでナビを設定できたり、Dynamic ArrowsやDynamic Tabsなど必要ない機能をfalse
などに簡単に出来て要素ごとスライド出来るのでとても気に入ってるのですが、アニメーションが横にスライドするのみなので、例えば縦にスライドできたり、スライドする動きがもう少し豊富にあるのがいいなと思ってます。
色々なスライダー探しているのですがスライドの動きなど豊富でもcoda-sliderみたいに自由にナビを設定できるスライダーがなかなかなくて・・・
お世話になっております。
jquery内でsetIntervalを動かした際、
動くパターンと動かないパターンの差が分かりません。
どうしてこのようになるのでしょうか?
勉強が足りないのでしょうがいまいちわかりません・・。

jQuery(function($){

    function hoge(){ alert('huge'); }

    //動かない
    setInterval('hoge();',2000);

    //動く
    setInterval(function(){hoge():},2000);

});
はじめましてです。
よろしくお願いします冷や汗

マウスオーバー時に画像を置き換えるやり方を探しています。
やりたいことは、

[画像A.gif]と[画像B.gif]が同じページ内の離れた位置にあります。

[画像A.gif]にマウスオーバーすると、
[画像A.gif]→[画像A_ov.gif]、
[画像B.gif]→[画像B_ov.gif]という感じに
2つの画像が連動してそれぞれ画像が置き換わります。

[画像B.gif]にマウスオーバーすると、
なにもおこらない。

ということがやりたいです。

※もしくは[画像B.gif]にマウスオーバーした時、それぞれの画像が置き換わっても構いません。

おわかりの方がいらっしゃいましたらどうぞよろしくお願いいたします!!
>>[424]

$("#画像AのID").hover(
  function(){
    $("#画像AのID").attr("src","画像A_ov.gifへのパス");
    $("#画像BのID").attr("src","画像B_ov.gifへのパス");
  },
  function(){
    $("#画像AのID").attr("src","画像A.gifへのパス");
    $("#画像BのID").attr("src","画像B.gifへのパス");
  }
);

画像切替処理は画像Aのhoverにしかバインドされていないので、画像Bに何をしても何も起こりません。
>>[423]
せっかくですからもう少し試してみましょうか。
  setInterval("hoge()",2000);       // 動かない
  setInterval("hoge",2000);        // 動かない
  setInterval(hoge,2000);         // 動く
  setInterval(hoge(),2000);        // 1回だけ動く
  setInterval(function(){hoge();},2000);  // 動く
  setInterval("function(){hoge();}",2000); // 動かない
...見えてきましたか?
はじめまして
jquery1.9で開発しているものです。

formの複数のcheckbox内容をPOSTしようとしています。
送り先がPHPで配列として受け取りたいので
checkboxの nameをcheckbox_name[]みたいに定義したら
jqueryのライブラリのところでエラーが発生してしまいました。

同じようなことを今までふつうにやっていたのですが
使えなくなって、困っています。
何か対処方法はありませんでしょうか?
補足です

下記のタグを
<input id="form_ checkbox_name_0" style="margin:0 7px 0 0;" name="poi_type[]" value="0" checked="checked" type="checkbox" />
書いて

ブラウザーで表示するだけで


Uncaught Error: Syntax error, unrecognized expression:. checkbox_name[]_form jquery-1.9.0.min.js:4

とエラーが出てしまいます
>>[430]

「checkbox_name[]_form」が見つかりませんってことだと思うのですが、ソースコードのミスやセレクタの指定の仕方を間違えていたりしませんか?

提示していただいたHTMLからすると、 $("[name='poi_type[]']") などで指定して処理する形になるかと思いますが・・・
>>[430]
「name="poi_type[]"」と書かれていますが、name属性の値に「[]」を使ってはいけません。
もしそれでこれまで使えていたのであれば、使えていた方がおかしいのです。
429->>
Checkboxの値ををJqueryで取得したいのかPHPで取得したのかわからなかったので、
両方の例を挙げるから以下を参考にしてください。
たとえば
<input name="selector[]" class="mm" type="checkbox" value="1" />
<input name="selector[]" class="mm" type="checkbox" value="2" />
<input name="selector[]" class="mm" type="checkbox" value="3" />
<input name="selector[]" class="mm" type="checkbox" value="4" />

<input type="submit" id="save_value" name="save_value" value="送信" />

であれある場合
Jqueryで取得して送りたい場合nameを使う必要がありません。
//-------------------------------------------------------------------------
$(function(){
   $('#save_value').click(function(){
     var val = [];
     $('.mm:checked').each(function(i){
      val[i] = $(this).val();
      });
    });
//この時点でチェックされている全てのチェックボックスの値をval に配列として入ってくるので以下にAJAXにてval をdataという変数にアサインしてtest.phpへ渡す
         $.ajax({
           type: "POST",
           url: "test.php",
           data: { data: val}
         }).done(function( msg ) {

          // test.php から返ってきたデータの処理

         });


   });
//--------------------------------------------------------------------
//test.php ファイルでAJAXから渡されたdataという変数を取得
$checkbox= $_REQUEST['data']; //
//var_dump($checkbox) //チェックしたCheckboxの の値を全て配列として入ってくると思います。


///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
PHPで取得したい場合
$checkbox = $_REQUEST['selector'];
//var_dump($checkbox) //チェックしたCheckboxの の値を全て配列として入ってくると思います。
上記のコードにAJAXでデータ渡す前にvalで最低1つでも値が入っているかどうかチェックした方が無難なので
「valで1つもデータが入ってない場合、若しくはチェックボックスは1つもチェックされないままデータがポストされた場合わざわざ空であるvalをphpへ渡す必要ないでしょう?」

if(val.length>0)
{
$.ajax({
           type: "POST",
           url: "test.php",
           data: { data: val}
         }).done(function( msg ) {

          // test.php から返ってきたデータの処理

         });
}

の方が無難です。
>>[430]

id属性のform_とcheckboxの間にスペース入ってませんか?

>>[425]

わけあってずいぶんログインしておらず、
お礼が遅くおそーくなって本当にすみません!!!!、!

質問の件はおかげさまですんなり解決いたしました!今後ともよろしくお願いしますm(_ _)m
はじめまして。
ほぼ独学でサイト制作をしている初心者です。

ウインドウをスクロールに合わせてサイドバーがついてくる、という動きを付けたいのですが、上手く行きません。

↓左側の「基本情報・アクセス・ロッカー」というリストタグが画面上に追いかけてくるようにしたいのですが…
http://www.lh-arukikata.com/html_osaka/quattro_access.html

手順は以下のサイト通りにやっているつもりです。
http://allabout.co.jp/gm/gc/411585/

jQueryのファイル場所は「js」というフォルダ内に入れています。
ちなみにソフトはDreamweaverを使っています。

お分かりの方いらっしゃいましたら、どうぞよろしくお願いします。
>>[442]
肝心のjavascriptファイル2つがnot foundになってます。
http://www.lh-arukikata.com/html_osaka/js/jquery.min.js
http://www.lh-arukikata.com/html_osaka/js/jquery-contained-sticky-scroll.js
↑のURLに直接アクセスしてみてください。エラーになるでしょ?

他にも気になるところはありますが、とりあえず当該javascriptファイルを正しい位置に置いてから。
>>[443]

ありがとうございます!
JavaScriptのファイルの場所をいろいろと変えたり、タグを打ち替えたりしてみていますが、どこに置いてどのように記述すれば良いか分からず…(汗)
なんだかすごく初歩的なところでつまずいている気がします。
もう少し勉強してみます。

ログインすると、残り415件のコメントが見れるよ

mixiユーザー
ログインしてコメントしよう!

jQuery.js 更新情報

jQuery.jsのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング

mixiチケット決済