Amazon MP3-Widget spontan laden

Question

Ich habe eine furchtbar frustrierende Zeit, um dies zum Laufen zu bringen. Ich möchte dynamisch laden/aktualisieren ein amazon mp3 Widget.

Amazon stellt zwei Skripte zur Verfügung, die in den vorgesehenen Zielort des Widgets eingebunden werden müssen ( https://widgets.amazon.com/Widget-Source/ ). Ich möchte das Widget bei einem Klick-Ereignis durch ein neues Widget ersetzen.

Ich habe versucht, die Skripte als Zeichenketten in ein DOM-Element einzufügen, indem ich html() und appendTo() von jQuery verwendet habe. Ich weiß, dass die Injektion bis zu einem gewissen Grad funktioniert, weil ich die Testwarnung erhalte, die ich am Ende der Injektion hinzugefügt habe.

Ich habe versucht, mit createElement(), die hier empfohlen wird: <script>-Element kann nicht angehängt werden . Auch hier wird der Alarm() ausgelöst, aber es wird kein Widget angezeigt.

Ich habe hier jemanden gefunden, der mit demselben Problem zu kämpfen hat: Ist es möglich, programmatisch Amazon MP3-Widgets hinzuzufügen? . Ich bin hoffnungsvoll, da es eine akzeptierte Antwort hat, aber ich verstehe immer noch nicht, wie es hilft, das neue Widget in das DOM einzuführen.

<script type='text/javascript'>
var amzn_wdgt={widget:'MP3Clips'};
amzn_wdgt.tag='widgetsamazon-20';
amzn_wdgt.widgetType='ASINList';
amzn_wdgt.ASIN='B0011Z0YR2,B00137W4P8,B0013G0PG4,B001AU8ZLK,B001AUCJZ8,B001AUEMDK,B001AU8YB6,B001AU8YBQ,B001AU8YCK,B001AUCK2U,B001AUEMFS,B001AUCK52,B001AU6XE6,B001AUEMH6';
amzn_wdgt.title='What I\'ve been listening to lately...';
amzn_wdgt.width='250';
amzn_wdgt.height='250';
amzn_wdgt.shuffleTracks='True';
amzn_wdgt.marketPlace='US';
</script>
<script type='text/javascript' src='http://wms.assoc-amazon.com/20070822/US/js/swfobject_1_5.js'>

Danke.

Answer 1

Sie können dies versuchen. Sie legen die Eigenschaften von amzn_wdgt fest und wenn dann jemand auf Ihr Element klickt, wird das Skript geladen und tut, was immer es mit dem festgelegten Objekt tun muss.

<script>
var amzn_wdgt={widget:'MP3Clips'};
amzn_wdgt.tag='widgetsamazon-20';
amzn_wdgt.widgetType='ASINList';
amzn_wdgt.ASIN='B0011Z0YR2,B00137W4P8,B0013G0PG4,B001AU8ZLK,B001AUCJZ8,B001AUEMDK,B001AU8YB6,B001AU8YBQ,B001AU8YCK,B001AUCK2U,B001AUEMFS,B001AUCK52,B001AU6XE6,B001AUEMH6';
amzn_wdgt.title='What I\'ve been listening to lately...';
amzn_wdgt.width='250';
amzn_wdgt.height='250';
amzn_wdgt.shuffleTracks='True';
amzn_wdgt.marketPlace='US';

$('.clickMe').click(function(e){
    e.preventDefault();
    if(typeof amzn_wdgt != 'undefined'){
        $.getScript('http://wms.assoc-amazon.com/20070822/US/js/swfobject_1_5.js');
    }
});
</script>