javascript - How to set a new value for data-url attribute using jquery? - Stack Overflow

admin管理员组

文章数量:1332661

Before page load:

<a data-url="htts://xyz@..." class="mybuttons"  data-type="facebook">

After: On page load using jquery I used to append new data-url

<a data-url="https://abc@..." class="mybuttons"  data-type="facebook">

Now when I want to share this new data url using facebook api then it show old url https://xyz@... in url bar.

I want new data-url to be shared.

I have successfully change the data-url using $(this).attr('data-url',value.url). What to do please help me out. Even my new data-url is not getting show in page source.

Before page load:

<a data-url="htts://xyz@..." class="mybuttons"  data-type="facebook">

After: On page load using jquery I used to append new data-url

<a data-url="https://abc@..." class="mybuttons"  data-type="facebook">

Now when I want to share this new data url using facebook api then it show old url https://xyz@... in url bar.

I want new data-url to be shared.

I have successfully change the data-url using $(this).attr('data-url',value.url). What to do please help me out. Even my new data-url is not getting show in page source.

• javascript
• jquery
• ajax
• laravel
• jquery-ajaxq

Share Improve this question Follow edited Dec 19, 2015 at 10:50 Moppo 19.3k55 gold badges6767 silver badges6565 bronze badges asked Dec 19, 2015 at 9:37 Himanshu DwivediHimanshu Dwivedi 10711 gold badge22 silver badges1010 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

In your line:

$(this).attr('data-url',value.url);

are you sure this refers to the right DOM object?

Try adding an id to the anchor:

<a id='face-url' data-url="htts://xyz@..." class="mybuttons"  data-type="facebook">

Then in your code, set the data-url attribute this way:

$('#face-url').data('url', value.url);

Now that you have set the attribute value, you have to be sure that the facebook API reads this attribute only after you've changed it

I know it's too late but I had this problem and I think that I have the solution For me the solution was change the way to set data.

$(this).data('url', value.url);

本文标签： javascriptHow to set a new value for dataurl attribute using jqueryStack Overflow