2017-03-28 12 views
1

私はリストを生成するのに(明らかに)List.jsを使用していますが、リスト項目の内部にリンクを作成するのは問題です。ここでList.jsでのリンクの作成

は、これまでの私のコードです -

<script> 

    var options = { 
    valueNames: [ 'title', 'description', 'lat', 'lng', 'user_sub', 'location', 'imageurl'], 
    item: '<li><h3 class="title"></h3><p class="description"></p><p class="location"></p><p class="user_sub"></p></li>' 
    }; 

    var values = JSON.parse('{{ jsonout|safe }}'); 

    var userList = new List('users', options, values); 

</script> 

素敵なリストを作成すること、しかし、私は通常、私はこのような何か(例だろう、リストを作成するために一緒にlatlng ValueNamesに参加したいです)私が使用したGoogleマップから

'<a href=http://www.google.com/maps/place/' + data.lat+ ',' + data.lng + '/@' + data.lat + ',' + data.lng +',6z target=_blank>Get Directions</a>'

しかし、すべての項目がHTMLクラスのセクションで作成されているので、これは動作しません。どのように動作させるか、あるいはこのプラグインではオプションではないという提案はありますか?あなたはList.js

に値をバインドする前に

答えて

1

は、あなたが今、他のプロパティと同じように使用できる新しいプロパティlinkを持っているしたい形式にJSONデータを解析してみてください。

+1

あなたの答えは特に使われませんでしたが、正しい軌道に乗っていました。バックエンドのFlaskからのJSONへのリンクを追加し、JSON.parse( '{{{jsonout | safe}}')変数でそれを送信しました。あなたの助けをありがとう、私はそれを感謝します! – BrettJ

関連する問題