0

次のコードがあります。

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 350,
  theme: {
    shell: {
      background: '#5785BC',
      color: '#eff4fa',
    },
    tweets: {
      background: '#ffffff',
      color: '#424242',
      links: '#2480bd'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('Sometwitterpage').start();

</script>
</div>
<style type="text/css">
#twtr-widget-1 {float:right; border:solid 10px #e6edf5; }

</style>

jquery UI アコーディオンと同じページにあり、何らかの理由でアコーディオンが機能しなくなります。私はアコーディオンを壊した原因を見てかなりの時間を費やしました。http://widgets.twimg.com/j/2/widget.jsが含まれている場合にのみ、アコーディオンが壊れます。ファイルは圧縮されているため、どこから始めればよいかわかりません。他の誰かがこれに出くわしましたか？

4

2 に答える 2

1 
<script type="text/javascript">

  $.noConflict();
  jQuery(document).ready(function($) {
    // Code for accordion here.
  });
  // Code for twitter here.

</script>

このように動作しますが、ソースを表示する方法はありますか?共有できる URL はありますか? 次に、関連するコードを配置する場所をより適切に検討できます...

******アップデート******

この投稿が少し乱雑になっているため、ここで更新しています。チャットが機能していないなどです。そのため、情報を「含める」ために..

$(document).ready(function(){})あなたがjsfiddleに投稿したものには何もない<head>ので、からtwitterウィジェットを呼び出すことができます...

<body onload="new TWTR.Widget({}).render().setUser('Sometwitterpage').start();">

  • onload から呼び出すことができ、その関数に新しい Twitter ウィジェットの呼び出しが含まれている関数を作成する方がよい場合があります。

  • onload は、すべて、すべての画像などがロードされた後にのみ起動するため、アコーディオンはすでに機能しているはずです。その後、twitter ウィジェットを呼び出すことができます。ただし、おそらくユーザーは、Twitter ウィジェットがページに追加された要素として「表示」されるのを見るでしょう。

info reonload="myFunc()"と$(document).ready()こことの違い... onload() と $.ready の違いは?

それがどうなるか見てください-そうでない場合は、何か他のことを考えます.

S

******アップデート2 *****

<body>タグにアクセスできない場合は、次を試してください。

アコーディオンのあるブロックで：

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

<script type="text/javascript">

  $.noConflict();
  jQuery(document).ready(function($) {
    // Code for accordion here eg...
       $('.accordion .head').click(function() {
    $(this).next().toggle('slow');
    return false;
   }).next().hide();
  });

</script>

次に、twitter ウィジェットを含むブロックで:

<script type="text/javascript">

  //your original twitter widget code
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 250,
  height: 350,
  theme: {
    shell: {
      background: '#5785BC',
      color: '#eff4fa',
    },
    tweets: {
      background: '#ffffff',
      color: '#424242',
      links: '#2480bd'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
  }
}).render().setUser('Sometwitterpage').start();


</script>

それがどうなるか見てください...

****更新 3****

<head>あなたが投稿したjsfiddleには、次のものが含まれていました：

<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery-ui-1.8.19.custom.min.js?m=20120904100316"></script>


<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.prosteps.js?m=20120904100316"></script>
<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.boxy.js?m=20120904100316"></script>
<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.scroll-To.js?m=20120904100316"></script>
<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.hoverIntent.js?m=20120904100316"></script>
<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.jqzoom1.0.1.js?m=20120904100316"></script>
<script type="text/javascript" src="http://www.somewebsite.com/scripts/jquery/jquery.tools.scrollable.min.js?m=20120904100316">

これらの機能のオン/オフを切り替えるオプションはありますか?たとえば、jquery ツールのスクロール可能なツールを使用しない場合はオフにします。つまり、ソース .js ファイルを含めないでください。私の推測では、問題が競合する変数から発生している可能性が非常に高いので、さまざまなスクリプトをオフ/オンにして分離することができます。余剰を取り除くことは明確な出発点です。

于 2012-09-04T10:28:55.813 に答える
0

少し単純化されている可能性があります-そしておそらくベストプラクティスでさえありません-しかし、「インクルード」順序を変更しようとしましたか-おそらくあなたは持っています

<script src="yourSource/jquery-ui.js"></script>

私は過去に持っていました-他のものを最初に含めるように順序を変更すると、機能し始めました。これは実際には問題を特定していないため、満足のいくものではありませんが、再び転がる可能性があります...

S

于 2012-09-04T09:38:12.397 に答える