Jquery 我的div滑块不是'；不要在里面拉提琴

Javascript:

function Slider() {
    $(".slider #1").show("fade", 500);
    $(".slider #1").delay(5500).hide("slide", {
        direction: 'left'
    }, 500);
    var sc = $(".slider div").size();
    var count = 2;
    setInterval(function() {
        $(".slider #" + count).show("slide", {
            direction: 'right'
        }, 500);
        $(".slider #" + count).delay(5500).hide("slide", {
            direction: 'left'
        }, 500);
        if (count == sc) {
            count = 1;
        } else {
            count = count + 1;
        }
    }, 6500);
}​

<div class="slider">
  <div id="1" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
  <div id="2" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
  <div id="3" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
</div>

HTML:

function Slider() {
    $(".slider #1").show("fade", 500);
    $(".slider #1").delay(5500).hide("slide", {
        direction: 'left'
    }, 500);
    var sc = $(".slider div").size();
    var count = 2;
    setInterval(function() {
        $(".slider #" + count).show("slide", {
            direction: 'right'
        }, 500);
        $(".slider #" + count).delay(5500).hide("slide", {
            direction: 'left'
        }, 500);
        if (count == sc) {
            count = 1;
        } else {
            count = count + 1;
        }
    }, 6500);
}​

<div class="slider">
  <div id="1" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
  <div id="2" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
  <div id="3" style="position:relative">
    <img src=". .  ." />
    <div>
      <p style="width:350px; position:absolute; top:100px; left:10px">TEXT . .  .</p>
    </div>
  </div>
</div>

文本

文本

文本

所以我试着做一个滑块。我的imgae工作得很好，但我想在图像的上方添加CSS文本。当我运行脚本时，它不会拉入文本div。它只是提取图像

---

您可能需要创建一个JSFIDLE或发布一个示例的链接，并且至少发布您的HTML。我正在尝试将代码放入框中，它只是想保持顽固：-/好了，我希望这可能不是完全的问题，但我知道这些ID看起来不正确。我想我会放弃它，找到一个不同的教程来遵循lol