2016-08-19 2 views
1

ファンシーボックスライトボックスのサイズを変更して、ページ全体全体を占有しないようにしようとしています。ここに私がこれまで持っているコードはあります:JQuery - ファンシーボックスのサイズを変更しようとしています

<script type="text/javascript"> 
    $(.fancybox.open({ 
     autoDimensions: false, 
     width: "60%" 
    });​ 
</script> 

しかし、それは何もしません。このコードに特に問題はありますか?

+1

ファンシーボックスにはおそらくidや何らかの種類のタグがあり、それを参照できますが、正しいですか?投稿したコードは、特定の(またはクラスの)項目に対処しないため、fancyboxを変更しません。 – Apolymoxic

+0

私はコードを更新しましたが、何もありません。私はいくつか引用やparanthesesや何かが不足しているように感じる。 –

+2

CSSを使いたいのであれば、この質問は役に立ちます。http://stackoverflow.com/questions/21755991/jquery-change-fancybox-width – Xetnus

答えて

1

あなたが好きなものを試みることができる:

<script type="text/javascript"> 
    $('.fancybox').css("width", "60%"); 
</script> 
あなたはボックスが開かれた後、ボックスを最初に開いたときのボックス属性が作成された場合は、これを実行する必要があるかもしれません

関数呼び出しをしようとしているようですが、それは必要ではないと思います。あなたがそれを必要があります場合は、これを使用してみてください:

<script type="text/javascript"> 
    $('.fancybox').open(function(){ 
     width: "60%" 
    }); 
</script> 

または、@Xetnusの提案に基づいてthisを試してみてください。

+0

助けてくれてありがとう、残念なことにどちらも働いていない。私は間違いなくautoSizeという変数を呼び出し、私が理解しているところからfalseに設定する必要があります。 –

+0

それ以外の場合は、fancyboxのjsファイルに移動して変更できます。ただし、これはすべてのfancyboxを変更するので注意してください。 jsファイルの変更は推奨されていませんが、2つのファンシーボックスを使用することを計画しており、すべて同じサイズでなければならない場合、これは有効なオプションです。 – Apolymoxic

関連する問題