問題タブ [squarespace]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 現在のページのメニュー項目をjavascriptで更新します
これを別の方法で聞いてみましょう。URLに基づいて、メインメニューで使用されている画像を更新します。
私は次のことをしようとしています(私のJavaScriptはがらくたです)
そして、私はすべてのメニュー項目に対してそれを行うことができました。それはうまくいくでしょうか、それともそれを行うためのより良い方法がありますか?
以下は、最終的に更新する必要がある現在のコードです。
javascript - 固有の CSS クラスを複数に追加することは可能ですか?要素、またはJqueryを使用してそれらを再ソートしますか?
現在、Squarespace.com プラットフォームで作業しており、デフォルトでアルファベット順に並べ替えられる動的なブログ カテゴリ インデックスを再並べ替えしたいと考えています。これは、Squarespace がコードを生成する方法です。
Jquery を使用してエントリを再ソートすることはできますか、または最悪の場合、CSS<li>
を使用してそれぞれを操作できるように、それぞれに一意の CSS クラスを追加できますか?
ありがとう!
javascript - Facebook のコメントがブログのホームページとカテゴリ ページに表示されないようにするにはどうすればよいですか?
現在、Squarespace.com Web サイトで Facebook コメントを使用しています。Squarespace を使用すると、HTML コード ブロックを追加できるので、FB コメントのコードを簡単に実装できます。
問題は、Squarespace がこのコードをブログのホームページとカテゴリ/タグ ページ、および完全なブログ投稿に表示することです。コメントを完全なブログ投稿にのみ表示したい。
次のコードを使用して、Squarespace に投稿の PERMALINK を検索し、そのページ上でのみ表示するように指示できますが、スクリプトは Facebook のコメントでは機能しなくなりました (以前はそうでした)。
作品:
動作しません:
Facebook コードを使用すると、何も表示されません。ご協力いただきありがとうございます!
css - CSS を上書きしているインライン スタイルを「無効」にするにはどうすればよいですか?
ブラウザーベースの Web サイトビルダーを表示するために、Web サイトの上に CSS を「オーバーレイ」する Squarespace のユーザーインターフェイスを変更する Chrome 拡張機能を作成しています。
これが私の体のCSSだとしましょう:
Squarespace のユーザー インターフェイスを開くと、インライン スタイルでいくつかのクラスが CSS に追加されます。したがって、これは私のコードに自動的に追加されます:
したがって、CSS Chrome 拡張機能を使用してユーザー インターフェイスを変更しているので、これらのインライン スタイルの追加を本質的に「スキップ」または「無効」にしたいと考えています。拡張 CSS で !important を使用することもできますが、一部の Web サイトでは別の background-position を使用する場合があります。私の延長で。また、他のスタイリングにも使用されるため、スクリプトを使用してクラスを単純に削除したくありません。
ありがとう!
html - Squarespace の @font-face が firefox に表示されない
Squarespace でサイトを構築しており、@font-face コマンドを使用していくつかのフォントを実装しようとしています。Chrome と Safari では正常に動作しますが、Firefox では動作しません。
これが私のコードです...
何か案は?
編集: アクセス制御ヘッダーを使用したクロスサイト フォントの使用について言及しているものを見てきました。その可能性はありますか?ただし、それを実装する方法は完全にはわかりません。
編集: フォントを Web サイトと同じディレクトリに配置すれば、Firefox では問題にならないということも読みました。ただし、私は Squarespace を使用しているため、サイトの場所とは別の STORAGE ディレクトリにのみフォントを保存できます。
html - 異なる DIV で CSS を 300 ピクセル右にプッシュする
そのため、squarespace (WYSIWYG ページ クリエーター) を使用していますが、カスタム CSSを使用してこれを作成しようとしています。残念ながら、代わりにこれが起こっています。これがjsfiddleでのコードです。
ページ全体を右に 300 ピクセル押し込もうとしています。現時点では、以下のコードではそれができないためです。背景と衝突し、左側の他のテキストと重なってしまいます。body スタイルだけを使用することはできません。これは、作成しているページの残りの部分全体に影響し、左にシフトするためです。代わりに、3 つのフレーム (framecontentLeft、framecontentRight、および mainContent) をオフセットするだけでそれを実行しようとしています。
また、これらのフレームをページの水平方向の中央に配置しようとしています (見ているページが中央に配置されているのと同じ方法です) が、本文のスタイルを変更することはできません。だから私はそれがハックになると思っていますが、相対位置を使用してフレームの位置を変更しようとするたびに、何も得られないか、バグが発生し、通常のフローでフレームが垂直に左側にスタックされますページの。
これを行う方法を理解するのを手伝ってくれる人はいますか? 街の鍵をあげる…
squarespace - 生の HTML コンテンツがフッターの下に表示されるのはなぜですか?
SquareSpace サイトに生の HTML ページがあり、その中にテーブルを作成しました。
何らかの理由で、SquareSpace フッター (およびそれに付随するすべてのスペース) が、作成中の HTML の上に表示されます。
タグとそれに付随するコンテンツがフッターの上に表示されるため、<table>
タグ自体が問題の原因であると思われます。<h2>
のような別の一般的なタグを使用すると<b>
、フッターの上にも表示されます。
何か案は?
javascript - Squarespaceプラットフォームへの石積みのインストール
Squarespace サイトに masonry.js スクリプトをインストールして、画像ギャラリーの見栄えを良くしようとしています。
スクリプトをインストールし、石工サイトの指示にできる限り従いました。ただし、明らかに正しく表示されていません。
しかし、ギャラリーページにはそれがありません。html の違いは次のとおりです。html ページで div を使用し、ギャラリー ページでこれをコンテナーとして ul に適用し、次に li 要素に適用しようとしていますが、それが問題の原因ですか? 石積みはdivのみである必要がありますか?
他に考えられる唯一のことは、ギャラリー ページで他のスクリプトが実行されていて、石積みに干渉している場合です。
この問題が正しく構成されていることを願っています。また、私がこれに数時間費やしたが、それを破ることができないので、誰かが私が見逃している (できれば) ばかげた単純なことを指摘してくれることを願っています。
更新これで機能するようになりました。ここで例を確認できます。http://www.bpicni.com/member-galleries-advanced/donal-mccann-frps/
少しハックかもしれませんが、ちょっと、私はそれを取ります。
エッセンシャル いくつかのコードを使用して、li 要素を div でラップした後、石積みがボール遊びを開始しました。その後、オーバーラップの問題が発生し、$(window).load(function(){ }) メソッドを使用して masonry 関数を呼び出す唯一の修正方法を見つけました。
私が今抱えている唯一の問題は、Squarespace 固有の問題です。コンテンツ モードまたは構造モードのときに、石積みスクリプトがギャラリー ページの機能に干渉しています。私が見つけた簡単な修正方法は、adblock 拡張機能を使用して石工スクリプトの実行を停止することです。これは、スクリプトの利点を十分に理解できていないことを意味しますが、サイトを維持できるので便利です :)