990px未満の画面幅に使用する2つのスクリプトと、それ以上のものを使用する2つのスクリプトがあります。これらのスクリプトはサードパーティ製で、実際のドメインでしか動作しません(テストは他の誰にとっても難しいでしょう)。モバイルまたはデスクトップのみのjavascriptを適用
を携帯電話の場合:デスクトップ用
<script>
(function(){
var t = document.getElementsByTagName("script")[0];
var s = document.createElement("script"); s.async = true;
s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/accordionchart/nfaccordion";
t.parentNode.insertBefore(s, t);
})();
</script>
:ここ
は、彼らが私を与えたスクリプトです
<script>
(function(){
var t = document.getElementsByTagName("script")[0];
var s = document.createElement("script"); s.async = true;
s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/spottableextended/nfspotextended";
t.parentNode.insertBefore(s, t);
})();
</script>
私はデスクトップ表示のためにこれを試してみましたが、私は何かがオフになっている知っています。 EDIT
if ($(window).width() > 990) {
//Add your javascript for large screens here
}
else {
//Add your javascript for small screens here
}
:本当にjQueryを使用することができないならば、あなたが試すことができますが、サイズの画面の情報を持っている場合
<script>
(function(){
var viewportWidth = $(window).width();
if (viewportWidth > 900) {
var t = document.getElementsByTagName("script")[0];
var s = document.createElement("script"); s.async = true;
s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/spottableextended/nfspotextended";
t.parentNode.insertBefore(s, t);
} })();
</script>
Any suggestions?
UPDATE*** Code based on response below
<script>
if ($(window).width() > 990) {
(function(){
var t = document.getElementsByTagName("script")[0];
var s = document.createElement("script"); s.async = true;
s.src = "//integration.nfusionsolutions.biz/client/jackhunt/widget/module/spottableextended/nfspotextended";
t.parentNode.insertBefore(s, t);
})();
}
else {
(function(){
var t = document.getElementsByTagName("script")[0];
var s = document.createElement("script"); s.async = true;
s.src = "//integration.nfusionsolutions.biz/client/jackhunt/widget/module/accordionchart/nfaccordion";
t.parentNode.insertBefore(s, t);
})();
}
</script>
jQueryがロードされていますか? – Scimonster
サイトはjqueryを使用していません。 – user1683991
サイトでjQueryを使用していない場合は、 '$(window)'などのjQueryオブジェクトと '.width()'などのいずれのメソッドも使用できません。 [画面のサイズ、現在のWebページ、ブラウザウィンドウを取得する](http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-ウィンドウ)には、ウィンドウサイズを取得するためのバニラのjavascriptメソッドがあります。このjavascriptは一度だけ実行され、ページがロードされるときにページ幅をチェックすることに注意してください - 後でウィンドウのサイズを変更すると、コードを再実行しません。 – h2ooooooo