-1

そのため、私のサイトには、リンクがクリックされると div を別の div にスワップする JS コードがいくつかあります。ただし、現在、リンクであるクリアなgifをオーバーレイすることにより、iframeの上で動作させており、完全に動作しています。

今、私たちのサイトで押されてダウンロードを作成するボタンにそれを適用したい - ボタンにはマウスオーバー効果があり、それが機能しないため、同じ目に見えないGIFトリックを使用できないので、それを実現したいボタンをクリックするときの別の方法。現在機能している関数は、ヘッダーに次のようにロードされます…</p> 

function yourFunction(){
    document.getElementById('yourfirDiv').style.display='block';
    document.getElementById('yoursecDiv').style.display='none';
}

現時点では、これをトリガーするリンクは完全に機能する画像であり、次のように見えます…</p> 

<a href="javascript:void(0)" onclick="var fileref=document.createElement('script');fileref.setAttribute('type','text/javascript'); fileref.setAttribute('src', 'http://url.com/locker.js?guid=0512eafd69b18d22');document.body.appendChild(fileref); setTimeout(yourFunction, 3000);"> 
    <img src="http://url.com/blank.gif" style="position: absolute; z-index: 500; width: 100%; max-width: 100%; height: 280px; "> 
</a>

これを適用して、このボタンで同じことを行う必要があります…</p> 

<div id="yoursecDiv" style="display:block;">
    <div id="downloadmp3">
        <div class="download_button_div">
            <form action="/download_file.php" method="post" name="downloadform">
                <input name="file_name" value="<?php echo $fname; ?>" type="hidden">
                <input name="bucket" value="<?php echo $bucket; ?>" type="hidden">
                <button type='submit' class='download_button' title="Click to Download Mixtape!">Download</button>
            </form>
        </div>
    </div>
</div>

誰かが私に次のような単純な JS をくれました。これは、div 名をクリックして名前付き div を交換する関数をトリガーするとトリガーされますが、機能しません。コード スニペットは…</p> 

$("#clickablediv").bind("click",function(){
    yourFunction();
});

もう少し複雑なことに、ページは ajax で起動されるフローティング ページであるため、ポートフォリオの起動時にページをロードする必要がある場合は、上記のようなコードをサイト JS ファイルのページをロードする部分に入れる必要があります。上記のリンクの場合、関数コードはグローバル サイト ヘッダーに正常にロードされ、インライン JS は正常に動作します。おそらく、そのリンクをボタン div に何らかの方法で適用する方法があります。単純な入力は大歓迎です!

4

1 に答える 1

0

あなたが物事を過度に複雑にしているという点で、isherwoodは正しいと思います。

ただし、これを試してください：

$(document).ready(function() {
    $(document).on("click","#clickablediv",function(){
        $('#yourfirDiv').show();
        $('#yoursecDiv').hide();
    });
});

#yourfirDiv に「display:none」のスタイルまたはクラス css があると仮定します。

次に、これらの厄介な onclick 属性を div から削除できます。

于 2013-03-11T02:31:58.473 に答える