0
4

6 に答える 6

0

$('#test1')あなたのHTMLにはありません。jQuery セレクターは、「test1」#test1の要素を探します。idそれをあなたに追加してみてidくださいa：

<a id="test1" href="test1.html" style="text-decoration: none">

また、タグhref="#test1"の有効な属性ではないと思います。form何にも使用されていないので、おそらく必要ありません。(フォームのclass属性もおそらく不必要であり、技術的に無効である可能性があります。これらのことを確認するために、マークアップを検証する必要があります。)

于 2013-10-29T14:20:01.397 に答える
0

画像に「id=1」を追加してください。

于 2013-10-29T14:21:21.257 に答える
0

そのアンカーに ID を追加する必要があります。そうしないと、技術的に次のことができます。

$('a[href="test1.html"]')

私はまだそれに与えることをお勧めしますid="test1'

于 2013-10-29T14:21:29.207 に答える
0

id="test1"必要な画像に追加します。または使用$("a[href*='test1']:first").offset().top

于 2013-10-29T14:21:40.957 に答える
0

animate() 呼び出しの前に $("#test1").length が > 0 かどうかをテストします。ただし、これは根本的な問題ではなく、症状を修正するだけである可能性があります。

于 2013-10-29T14:21:45.690 に答える
0

あなたはこのようなものが欲しいです。

HTML:

<form id="search-form" href="#test1" class="smoothscroll">
    <input type="text" id="searchText"/>
    <input type="button" value="Search" id="searchButton"/>
</form>

<a style="margin-top: 1000px; display: inline-block;" href="test1.html" style="text-decoration: none">
    <img src="pic1.png" id="image1" />
    <img src="pic2.png" id="image2"/>
</a>

JS:

$(document).ready(function () {
    $( "#searchButton" ).click(function() {

    var text = $('#searchText').val().toLowerCase();

    $( "html, body" ).animate({     
        scrollTop: ($('#'+text).offset().top)
    }, 2000);
    });
});

ここにJsFiddleがあります。<a>スクロール効果を確認するために、リンクに大きな余白を追加しました。

于 2013-10-29T14:23:03.623 に答える